@api-client/ui 0.0.15 → 0.1.0

package/src/monaco/Monaco.styles.ts

@@ -1,4 +1,4 @@
-import { css } from "lit";
+import { css } from 'lit'
 
 // node_modules/monaco-editor/min/vs/editor/editor.main.css
 export default css`
@@ -175,9 +175,9 @@ export default css`
   @font-face {
     font-family: codicon;
     font-display: block;
-    src: url(../base/browser/ui/codicons/codicon/codicon.ttf) format("truetype");
+    src: url(../base/browser/ui/codicons/codicon/codicon.ttf) format('truetype');
   }
-  .codicon[class*="codicon-"] {
+  .codicon[class*='codicon-'] {
     font: normal normal normal 16px/1 codicon;
     display: inline-block;
     text-decoration: none;
@@ -266,18 +266,14 @@ export default css`
     > .dropdown-action-container
     > .monaco-dropdown
     > .dropdown-label
-    .codicon[class*="codicon-"] {
+    .codicon[class*='codicon-'] {
     font-size: 12px;
     padding-left: 0;
     padding-right: 0;
     line-height: 16px;
     margin-left: -3px;
   }
-  .monaco-dropdown-with-primary
-    > .dropdown-action-container
-    > .monaco-dropdown
-    > .dropdown-label
-    > .action-label {
+  .monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
     display: block;
     background-size: 16px;
     background-position: 50%;
@@ -444,20 +440,17 @@ export default css`
     color: inherit;
   }
   .monaco-hover .hover-contents a.code-link:before {
-    content: "(";
+    content: '(';
   }
   .monaco-hover .hover-contents a.code-link:after {
-    content: ")";
+    content: ')';
   }
   .monaco-hover .hover-contents a.code-link > span {
     text-decoration: underline;
     border-bottom: 1px solid transparent;
     text-underline-position: under;
   }
-  .monaco-hover
-    .markdown-hover
-    .hover-contents:not(.code-hover-contents):not(.html-hover-contents)
-    span {
+  .monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
     margin-bottom: 4px;
     display: inline-block;
   }
@@ -495,51 +488,28 @@ export default css`
     text-overflow: ellipsis;
     flex: 1;
   }
-  .monaco-icon-label
-    > .monaco-icon-label-container
-    > .monaco-icon-name-container
-    > .label-name {
+  .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
     color: inherit;
     white-space: pre;
   }
-  .monaco-icon-label
-    > .monaco-icon-label-container
-    > .monaco-icon-name-container
-    > .label-name
-    > .label-separator {
+  .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
     margin: 0 2px;
     opacity: 0.5;
   }
-  .monaco-icon-label
-    > .monaco-icon-label-container
-    > .monaco-icon-description-container
-    > .label-description {
+  .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
     opacity: 0.7;
     margin-left: 0.5em;
     font-size: 0.9em;
     white-space: pre;
   }
-  .monaco-icon-label.nowrap
-    > .monaco-icon-label-container
-    > .monaco-icon-description-container
-    > .label-description {
+  .monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
     white-space: nowrap;
   }
-  .vs
-    .monaco-icon-label
-    > .monaco-icon-label-container
-    > .monaco-icon-description-container
-    > .label-description {
+  .vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
     opacity: 0.95;
   }
-  .monaco-icon-label.italic
-    > .monaco-icon-label-container
-    > .monaco-icon-description-container
-    > .label-description,
-  .monaco-icon-label.italic
-    > .monaco-icon-label-container
-    > .monaco-icon-name-container
-    > .label-name {
+  .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description,
+  .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
     font-style: italic;
   }
   .monaco-icon-label.deprecated {
@@ -553,10 +523,7 @@ export default css`
     > .monaco-icon-label-container
     > .monaco-icon-description-container
     > .label-description,
-  .monaco-icon-label.strikethrough
-    > .monaco-icon-label-container
-    > .monaco-icon-name-container
-    > .label-name {
+  .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
     text-decoration: line-through;
   }
   .monaco-icon-label:after {
@@ -843,7 +810,7 @@ export default css`
     height: var(--sash-size);
   }
   .monaco-sash:not(.disabled) > .orthogonal-drag-handle {
-    content: " ";
+    content: ' ';
     height: calc(var(--sash-size) * 2);
     width: calc(var(--sash-size) * 2);
     z-index: 100;
@@ -851,16 +818,12 @@ export default css`
     cursor: all-scroll;
     position: absolute;
   }
-  .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
-    > .orthogonal-drag-handle.start,
-  .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
-    > .orthogonal-drag-handle.end {
+  .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start,
+  .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end {
     cursor: nwse-resize;
   }
-  .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
-    > .orthogonal-drag-handle.end,
-  .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
-    > .orthogonal-drag-handle.start {
+  .monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end,
+  .monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start {
     cursor: nesw-resize;
   }
   .monaco-sash.vertical > .orthogonal-drag-handle.start {
@@ -880,7 +843,7 @@ export default css`
     right: calc(var(--sash-size) * -1);
   }
   .monaco-sash:before {
-    content: "";
+    content: '';
     pointer-events: none;
     position: absolute;
     width: 100%;
@@ -973,36 +936,24 @@ export default css`
     white-space: nowrap;
     position: relative;
   }
-  .monaco-split-view2
-    > .monaco-scrollable-element
-    > .split-view-container
-    > .split-view-view {
+  .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
     white-space: normal;
     position: absolute;
   }
-  .monaco-split-view2
-    > .monaco-scrollable-element
-    > .split-view-container
-    > .split-view-view:not(.visible) {
+  .monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
     display: none;
   }
-  .monaco-split-view2.vertical
-    > .monaco-scrollable-element
-    > .split-view-container
-    > .split-view-view {
+  .monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
     width: 100%;
   }
-  .monaco-split-view2.horizontal
-    > .monaco-scrollable-element
-    > .split-view-container
-    > .split-view-view {
+  .monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
     height: 100%;
   }
   .monaco-split-view2.separator-border
     > .monaco-scrollable-element
     > .split-view-container
     > .split-view-view:not(:first-child):before {
-    content: " ";
+    content: ' ';
     position: absolute;
     top: 0;
     left: 0;
@@ -1058,7 +1009,7 @@ export default css`
     text-overflow: ellipsis;
   }
   .monaco-table > .monaco-split-view2 .monaco-sash.vertical:before {
-    content: "";
+    content: '';
     position: absolute;
     left: calc(var(--sash-size) / 2);
     width: 0;
@@ -1344,9 +1295,7 @@ export default css`
     border-top-width: 1px;
     border-top-style: solid;
   }
-  .quick-input-list
-    .monaco-list-row[data-index="0"]
-    .quick-input-list-entry.quick-input-list-separator-border {
+  .quick-input-list .monaco-list-row[data-index='0'] .quick-input-list-entry.quick-input-list-separator-border {
     border-top-style: none;
   }
   .quick-input-list .quick-input-list-label {
@@ -1374,19 +1323,14 @@ export default css`
   .quick-input-widget .quick-input-list .quick-input-list-checkbox {
     display: none;
   }
-  .quick-input-widget.show-checkboxes
-    .quick-input-list
-    .quick-input-list-checkbox {
+  .quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
     display: inline;
   }
   .quick-input-list .quick-input-list-rows > .quick-input-list-row {
     display: flex;
     align-items: center;
   }
-  .quick-input-list
-    .quick-input-list-rows
-    > .quick-input-list-row
-    .monaco-icon-label,
+  .quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
   .quick-input-list
     .quick-input-list-rows
     > .quick-input-list-row
@@ -1395,10 +1339,7 @@ export default css`
     > .monaco-icon-name-container {
     flex: 1;
   }
-  .quick-input-list
-    .quick-input-list-rows
-    > .quick-input-list-row
-    .codicon[class*="codicon-"] {
+  .quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
     vertical-align: text-bottom;
   }
   .quick-input-list .quick-input-list-rows .monaco-highlighted-label span {
@@ -1435,25 +1376,13 @@ export default css`
     margin-top: 1px;
     margin-right: 4px;
   }
-  .quick-input-list
-    .monaco-list-row.focused
-    .quick-input-list-entry-action-bar
-    .action-label,
-  .quick-input-list
-    .quick-input-list-entry
-    .quick-input-list-entry-action-bar
-    .action-label.always-visible,
-  .quick-input-list
-    .quick-input-list-entry:hover
-    .quick-input-list-entry-action-bar
-    .action-label {
+  .quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label,
+  .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
+  .quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label {
     display: flex;
   }
   .quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
-  .quick-input-list
-    .monaco-list-row.focused
-    .quick-input-list-entry
-    .quick-input-list-separator {
+  .quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
     color: inherit;
   }
   .quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
@@ -1491,9 +1420,7 @@ export default css`
     top: 0;
     box-sizing: border-box;
   }
-  .monaco-editor
-    .margin-view-overlays
-    .current-line.current-line-margin.current-line-margin-both {
+  .monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
     border-right: 0;
   }
   .monaco-editor .lines-content .cdr {
@@ -1740,8 +1667,7 @@ export default css`
     background: transparent;
   }
   .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar,
-  .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light
-    .scrollbar {
+  .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
     background: none;
   }
   .monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
@@ -1894,7 +1820,7 @@ export default css`
     width: 100%;
     height: 100%;
     z-index: 5;
-    content: "";
+    content: '';
     pointer-events: none;
     outline: 0 solid !important;
     outline-width: 0 !important;
@@ -1907,10 +1833,7 @@ export default css`
     -ms-user-select: none;
     border: 0 !important;
   }
-  .codeActionMenuWidget
-    .monaco-list
-    .monaco-scrollable-element
-    .monaco-list-rows {
+  .codeActionMenuWidget .monaco-list .monaco-scrollable-element .monaco-list-rows {
     height: 100% !important;
   }
   .codeActionMenuWidget .monaco-list .monaco-scrollable-element {
@@ -1928,12 +1851,8 @@ export default css`
     touch-action: none;
     width: 100%;
   }
-  .codeActionMenuWidget
-    .monaco-list
-    .monaco-list-row:hover:not(.option-disabled),
-  .codeActionMenuWidget
-    .monaco-list
-    .moncao-list-row.focused:not(.option-disabled) {
+  .codeActionMenuWidget .monaco-list .monaco-list-row:hover:not(.option-disabled),
+  .codeActionMenuWidget .monaco-list .moncao-list-row.focused:not(.option-disabled) {
     color: var(--vscode-menu-selectionForeground) !important;
     background-color: var(--vscode-menu-selectionBackground) !important;
   }
@@ -2097,16 +2016,7 @@ export default css`
     position: relative;
     margin-left: 8px;
     cursor: grab;
-    background: linear-gradient(
-      180deg,
-      red 0,
-      #ff0 17%,
-      #0f0 33%,
-      #0ff 50%,
-      #00f 67%,
-      #f0f 83%,
-      red
-    );
+    background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
   }
   .colorpicker-body .opacity-strip {
     position: relative;
@@ -2205,38 +2115,13 @@ export default css`
   .monaco-editor .find-widget > .replace-part .monaco-inputbox {
     min-height: 25px;
   }
-  .monaco-editor
-    .find-widget
-    > .replace-part
-    .monaco-inputbox
-    > .ibwrapper
-    > .mirror {
+  .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
     padding-right: 22px;
   }
-  .monaco-editor
-    .find-widget
-    > .find-part
-    .monaco-inputbox
-    > .ibwrapper
-    > .input,
-  .monaco-editor
-    .find-widget
-    > .find-part
-    .monaco-inputbox
-    > .ibwrapper
-    > .mirror,
-  .monaco-editor
-    .find-widget
-    > .replace-part
-    .monaco-inputbox
-    > .ibwrapper
-    > .input,
-  .monaco-editor
-    .find-widget
-    > .replace-part
-    .monaco-inputbox
-    > .ibwrapper
-    > .mirror {
+  .monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
+  .monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
+  .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
+  .monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
     padding-top: 2px;
     padding-bottom: 2px;
   }
@@ -2254,11 +2139,7 @@ export default css`
   .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
     width: 100%;
   }
-  .monaco-editor
-    .find-widget
-    .monaco-findInput
-    .monaco-scrollable-element
-    .scrollbar.vertical {
+  .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
     opacity: 0;
   }
   .monaco-editor .find-widget .matchesCount {
@@ -2346,11 +2227,7 @@ export default css`
   .monaco-editor .find-widget.collapsed-find-widget .button.previous,
   .monaco-editor .find-widget.collapsed-find-widget .button.replace,
   .monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
-  .monaco-editor
-    .find-widget.collapsed-find-widget
-    > .find-part
-    .monaco-findInput
-    .controls {
+  .monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
     display: none;
   }
   .monaco-editor .findMatch {
@@ -2380,16 +2257,14 @@ export default css`
   }
   .monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons,
   .monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
-  .monaco-editor
-    .margin-view-overlays
-    .codicon.codicon-folding-manual-collapsed,
+  .monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
   .monaco-editor .margin-view-overlays:hover .codicon {
     opacity: 1;
   }
   .monaco-editor .inline-folded:after {
     color: grey;
     margin: 0.1em 0.2em 0;
-    content: "⋯";
+    content: '⋯';
     display: inline;
     line-height: 1em;
     cursor: pointer;
@@ -2434,26 +2309,13 @@ export default css`
     opacity: 0.6;
     color: inherit;
   }
-  .monaco-editor
-    .marker-widget
-    .descriptioncontainer
-    .message
-    a.code-link:before {
-    content: "(";
+  .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
+    content: '(';
   }
-  .monaco-editor
-    .marker-widget
-    .descriptioncontainer
-    .message
-    a.code-link:after {
-    content: ")";
+  .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
+    content: ')';
   }
-  .monaco-editor
-    .marker-widget
-    .descriptioncontainer
-    .message
-    a.code-link
-    > span {
+  .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
     text-decoration: underline;
     border-bottom: 1px solid transparent;
     text-underline-position: under;
@@ -2496,12 +2358,7 @@ export default css`
     height: 100%;
     color: var(--vscode-peekViewResult-fileForeground);
   }
-  .monaco-editor
-    .reference-zone-widget
-    .ref-tree
-    .monaco-list:focus
-    .selected
-    .reference-file {
+  .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
     color: inherit !important;
   }
   .monaco-editor
@@ -2525,16 +2382,8 @@ export default css`
     border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
     box-sizing: border-box;
   }
-  .monaco-editor
-    .reference-zone-widget
-    .preview
-    .monaco-editor
-    .inputarea.ime-input,
-  .monaco-editor
-    .reference-zone-widget
-    .preview
-    .monaco-editor
-    .monaco-editor-background {
+  .monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input,
+  .monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background {
     background-color: var(--vscode-peekViewEditor-background);
   }
   .monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
@@ -2544,16 +2393,8 @@ export default css`
   .monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
     font-weight: 700;
   }
-  .monaco-editor.hc-black
-    .reference-zone-widget
-    .ref-tree
-    .referenceMatch
-    .highlight,
-  .monaco-editor.hc-light
-    .reference-zone-widget
-    .ref-tree
-    .referenceMatch
-    .highlight {
+  .monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
+  .monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
     border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
     box-sizing: border-box;
   }
@@ -2776,12 +2617,8 @@ export default css`
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .monaco-editor
-    .peekview-widget
-    .head
-    .peekview-title
-    .meta:not(:empty):before {
-    content: "-";
+  .monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty):before {
+    content: '-';
     padding: 0 0.3em;
   }
   .monaco-editor .peekview-widget .head .peekview-actions {
@@ -2793,12 +2630,7 @@ export default css`
     display: inline-block;
   }
   .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
-  .monaco-editor
-    .peekview-widget
-    .head
-    .peekview-actions
-    > .monaco-action-bar
-    > .actions-container {
+  .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
     height: 100%;
   }
   .monaco-editor .peekview-widget > .body {
@@ -2808,11 +2640,7 @@ export default css`
   .monaco-editor .peekview-widget .head .peekview-title .codicon {
     margin-right: 4px;
   }
-  .monaco-editor
-    .peekview-widget
-    .monaco-list
-    .monaco-list-row.focused
-    .codicon {
+  .monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
     color: inherit !important;
   }
   .monaco-editor .rename-box {
@@ -2837,26 +2665,14 @@ export default css`
     min-width: 2px;
     outline-style: solid;
     outline-width: 1px;
-    background-color: var(
-      --vscode-editor-snippetTabstopHighlightBackground,
-      transparent
-    );
-    outline-color: var(
-      --vscode-editor-snippetTabstopHighlightBorder,
-      transparent
-    );
+    background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
+    outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
   }
   .monaco-editor .finish-snippet-placeholder {
     outline-style: solid;
     outline-width: 1px;
-    background-color: var(
-      --vscode-editor-snippetFinalTabstopHighlightBackground,
-      transparent
-    );
-    outline-color: var(
-      --vscode-editor-snippetFinalTabstopHighlightBorder,
-      transparent
-    );
+    background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
+    outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
   }
   .monaco-editor .suggest-widget {
     width: 430px;
@@ -2898,17 +2714,10 @@ export default css`
   .monaco-editor .suggest-widget .suggest-status-bar .left {
     padding-right: 8px;
   }
-  .monaco-editor
-    .suggest-widget.with-status-bar
-    .suggest-status-bar
-    .action-label {
+  .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
     color: var(--vscode-editorSuggestWidgetStatus-foreground);
   }
-  .monaco-editor
-    .suggest-widget.with-status-bar
-    .suggest-status-bar
-    .action-item:not(:last-of-type)
-    .action-label {
+  .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
     margin-right: 0;
   }
   .monaco-editor
@@ -2916,7 +2725,7 @@ export default css`
     .suggest-status-bar
     .action-item:not(:last-of-type)
     .action-label:after {
-    content: ", ";
+    content: ', ';
     margin-right: 0.3em;
   }
   .monaco-editor
@@ -2973,11 +2782,7 @@ export default css`
   .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
     color: var(--vscode-editorSuggestWidget-selectedForeground);
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row.focused
-    .codicon {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
     color: var(--vscode-editorSuggestWidget-selectedIconForeground);
   }
   .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
@@ -2986,47 +2791,21 @@ export default css`
     overflow: hidden;
     padding-left: 2px;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
     display: flex;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: pre;
     justify-content: space-between;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .left,
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
     display: flex;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row:not(.focused)
-    > .contents
-    > .main
-    .monaco-icon-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
     color: var(--vscode-editorSuggestWidget-foreground);
   }
-  .monaco-editor
-    .suggest-widget:not(.frozen)
-    .monaco-highlighted-label
-    .highlight {
+  .monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
     font-weight: 700;
   }
   .monaco-editor
@@ -3049,81 +2828,31 @@ export default css`
     .highlight {
     color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .header
-    > .codicon-close,
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .readMore:before {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:before {
     color: inherit;
     opacity: 1;
     font-size: 14px;
     cursor: pointer;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .header
-    > .codicon-close {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
     position: absolute;
     top: 6px;
     right: 2px;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .header
-    > .codicon-close:hover,
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .readMore:hover {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
     opacity: 1;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .details-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
     opacity: 0.7;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .left
-    > .signature-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
     overflow: hidden;
     text-overflow: ellipsis;
     opacity: 0.6;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .left
-    > .qualifier-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
     margin-left: 12px;
     opacity: 0.4;
     font-size: 85%;
@@ -3132,14 +2861,7 @@ export default css`
     overflow: hidden;
     align-self: center;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .details-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
     font-size: 85%;
     margin-left: 1.1em;
     overflow: hidden;
@@ -3157,14 +2879,7 @@ export default css`
     > .monaco-tokenized-source {
     display: inline;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .details-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
     display: none;
   }
   .monaco-editor
@@ -3203,25 +2918,12 @@ export default css`
     > .details-label {
     width: calc(100% - 26px);
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .left {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
     flex-shrink: 1;
     flex-grow: 1;
     overflow: hidden;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .left
-    > .monaco-icon-label {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
     flex-shrink: 0;
   }
   .monaco-editor
@@ -3244,25 +2946,12 @@ export default css`
     > .monaco-icon-label {
     flex-shrink: 1;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
     overflow: hidden;
     flex-shrink: 4;
     max-width: 70%;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .readMore {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
     display: inline-block;
     position: absolute;
     right: 10px;
@@ -3270,24 +2959,10 @@ export default css`
     height: 18px;
     visibility: hidden;
   }
-  .monaco-editor
-    .suggest-widget.docs-side
-    .monaco-list
-    .monaco-list-row
-    > .contents
-    > .main
-    > .right
-    > .readMore {
+  .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
     display: none !important;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row.string-label
-    > .contents
-    > .main
-    > .right
-    > .readMore {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
     display: none;
   }
   .monaco-editor
@@ -3300,21 +2975,10 @@ export default css`
     > .readMore {
     display: inline-block;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row.focused:hover
-    > .contents
-    > .main
-    > .right
-    > .readMore {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
     visibility: visible;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    .monaco-icon-label.deprecated {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
     opacity: 0.66;
     text-decoration: unset;
   }
@@ -3327,11 +2991,7 @@ export default css`
     > .monaco-icon-name-container {
     text-decoration: line-through;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    .monaco-icon-label:before {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label:before {
     height: 100%;
   }
   .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
@@ -3352,19 +3012,10 @@ export default css`
     margin-right: 4px;
   }
   .monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
-  .monaco-editor
-    .suggest-widget.no-icons
-    .monaco-list
-    .monaco-list-row
-    .suggest-icon:before {
+  .monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon:before {
     display: none;
   }
-  .monaco-editor
-    .suggest-widget
-    .monaco-list
-    .monaco-list-row
-    .icon.customcolor
-    .colorspan {
+  .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
     margin: 0 0 0 0.3em;
     border: 0.1em solid #000;
     width: 0.7em;
@@ -3403,12 +3054,7 @@ export default css`
     height: 100%;
     width: 100%;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .header
-    > .type {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
     flex: 2;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -3417,12 +3063,7 @@ export default css`
     margin: 0 24px 0 0;
     padding: 4px 0 12px 5px;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .header
-    > .type.auto-wrap {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
     white-space: normal;
     word-break: break-all;
   }
@@ -3431,85 +3072,36 @@ export default css`
     padding: 4px 5px;
     white-space: pre-wrap;
   }
-  .monaco-editor
-    .suggest-details.no-type
-    > .monaco-scrollable-element
-    > .body
-    > .docs {
+  .monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
     margin-right: 24px;
     overflow: hidden;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
     padding: 0;
     white-space: normal;
     min-height: calc(1rem + 8px);
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    > div,
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    > span:not(:empty) {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
     padding: 4px 5px;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    > div
-    > p:first-child {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
     margin-top: 0;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    > div
-    > p:last-child {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
     margin-bottom: 0;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    .monaco-tokenized-source {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
     white-space: pre;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs
-    .code {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
     white-space: pre-wrap;
     word-wrap: break-word;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > .docs.markdown-docs
-    .codicon {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
     vertical-align: sub;
   }
-  .monaco-editor
-    .suggest-details
-    > .monaco-scrollable-element
-    > .body
-    > p:empty {
+  .monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
     display: none;
   }
   .monaco-editor .suggest-details code {
@@ -3665,11 +3257,7 @@ export default css`
   .quick-input-widget .monaco-highlighted-label .highlight {
     color: #0066bf;
   }
-  .vs
-    .quick-input-widget
-    .monaco-list-row.focused
-    .monaco-highlighted-label
-    .highlight {
+  .vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
     color: #9dddff;
   }
   .vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
@@ -3708,31 +3296,23 @@ export default css`
     color: #ccc;
   }
   .monaco-editor {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI,
-      HelveticaNeue-Light, system-ui, Ubuntu, Droid Sans, sans-serif;
-    --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono",
-      "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
-  }
-  .monaco-editor.hc-black
-    .monaco-menu
-    .monaco-action-bar.vertical
-    .action-menu-item:focus
-    .action-label,
-  .monaco-editor.hc-light
-    .monaco-menu
-    .monaco-action-bar.vertical
-    .action-menu-item:focus
-    .action-label,
-  .monaco-editor.vs-dark
-    .monaco-menu
-    .monaco-action-bar.vertical
-    .action-menu-item:focus
-    .action-label,
-  .monaco-menu
-    .monaco-action-bar.vertical
-    .action-item
-    .action-menu-item:focus
-    .action-label {
+    font-family:
+      -apple-system,
+      BlinkMacSystemFont,
+      Segoe WPC,
+      Segoe UI,
+      HelveticaNeue-Light,
+      system-ui,
+      Ubuntu,
+      Droid Sans,
+      sans-serif;
+    --monaco-monospace-font:
+      'SF Mono', Monaco, Menlo, Consolas, 'Ubuntu Mono', 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', monospace;
+  }
+  .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
+  .monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
+  .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
+  .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
     stroke-width: 1.2px;
   }
   .monaco-hover p {
@@ -3850,14 +3430,8 @@ export default css`
     .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider {
       background: windowtext !important;
     }
-    .monaco-editor.vs-dark
-      .monaco-scrollable-element
-      > .scrollbar
-      > .slider.active,
-    .monaco-editor.vs-dark
-      .monaco-scrollable-element
-      > .scrollbar
-      > .slider:hover,
+    .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active,
+    .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover,
     .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active,
     .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover {
       background: highlight !important;
@@ -3885,30 +3459,14 @@ export default css`
     .monaco-editor.vs .squiggly-a-hint {
       border-bottom: 4px double #6c6c6c;
     }
-    .monaco-editor.vs-dark
-      .monaco-menu
-      .monaco-action-bar.vertical
-      .action-menu-item:focus
-      .action-label,
-    .monaco-editor.vs
-      .monaco-menu
-      .monaco-action-bar.vertical
-      .action-menu-item:focus
-      .action-label {
+    .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
+    .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
       -ms-high-contrast-adjust: none;
       color: highlighttext !important;
       background-color: highlight !important;
     }
-    .monaco-editor.vs-dark
-      .monaco-menu
-      .monaco-action-bar.vertical
-      .action-menu-item:hover
-      .action-label,
-    .monaco-editor.vs
-      .monaco-menu
-      .monaco-action-bar.vertical
-      .action-menu-item:hover
-      .action-label {
+    .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label,
+    .monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label {
       -ms-high-contrast-adjust: none;
       background: transparent !important;
       border: 1px solid highlight;
@@ -3948,9 +3506,7 @@ export default css`
   .monaco-dropdown-with-default > .action-container > .action-label {
     margin-right: 0;
   }
-  .monaco-dropdown-with-default
-    > .action-container.menu-entry
-    > .action-label.icon {
+  .monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
     width: 16px;
     height: 16px;
     background-repeat: no-repeat;
@@ -3961,21 +3517,17 @@ export default css`
     > .dropdown-action-container
     > .monaco-dropdown
     > .dropdown-label
-    .codicon[class*="codicon-"] {
+    .codicon[class*='codicon-'] {
     font-size: 12px;
     padding-left: 0;
     padding-right: 0;
     line-height: 16px;
     margin-left: -3px;
   }
-  .monaco-dropdown-with-default
-    > .dropdown-action-container
-    > .monaco-dropdown
-    > .dropdown-label
-    > .action-label {
+  .monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
     display: block;
     background-size: 16px;
     background-position: 50%;
     background-repeat: no-repeat;
   }
-`;
+`