@eclipse-glsp/vscode-integration-webview 0.9.0 → 0.10.0-next.1c5e79b.40

package/css/diagram.css

@@ -1,5 +1,5 @@
 /********************************************************************************
-* Copyright (c) 2020-2021 EclipseSource and others.
+* Copyright (c) 2020-2022 EclipseSource and others.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
@@ -52,10 +52,51 @@ body {
     stroke: var(--vscode-editor-foreground);
 }
 
-.sprotty-edge.arrow {
+.sprotty-edge .arrow {
     fill: var(--vscode-editor-foreground);
 }
 
-.sprotty-node.selected {
-    stroke: var(--vscode-menu-selectionBackground);
+.sprotty-node.selected,
+.sprotty-edge.selected {
+    stroke: var(--vscode-focusBorder);
+}
+
+.sprotty-edge.selected .arrow {
+    fill: var(--vscode-focusBorder);
+    stroke: var(--vscode-focusBorder);
+}
+
+.inactive .sprotty-node.selected {
+    stroke: var(--vscode-editor-inactiveSelectionBackground);
+}
+
+.sprotty-resize-handle.selected,
+.sprotty-resize-handle.active,
+.sprotty-edge > .sprotty-routing-handle.selected,
+.sprotty-edge > .sprotty-routing-handle.mouseover {
+    fill: var(--vscode-focusBorder);
+}
+
+.inactive .sprotty-resize-handle,
+.inactive .sprotty-routing-handle {
+    fill: var(--vscode-tab-unfocusedInactiveForeground);
+}
+
+.sprotty-node.mouseover:not(.selected),
+.sprotty-edge.mouseover:not(.selected) {
+    stroke: var(--vscode-editor-foreground);
+}
+
+.sprotty-edge.mouseover:not(.selected) .arrow {
+    fill: var(--vscode-editor-foreground);
+    stroke: var(--vscode-editor-foreground);
+}
+
+.sprotty-popup {
+    padding: 0px;
+    border-radius: 2px;
+    box-shadow: 0px 1px 6px var(--vscode-widget-shadow);
+    background-color: var(--vscode-editorHoverWidget-background);
+    color: var(--vscode-editorHoverWidget-foreground);
+    border: 1px solid var(--vscode-editorHoverWidget-border);
 }

package/css/tool-palette.css

@@ -1,5 +1,5 @@
 /********************************************************************************
- * Copyright (c) 2020-2021 EclipseSource and others.
+ * Copyright (c) 2020-2022 EclipseSource and others.
  *
  * This program and the accompanying materials are made available under the
  * terms of the Eclipse Public License v. 2.0 which is available at
@@ -18,8 +18,16 @@
     box-shadow: 0px 1px 6px var(--vscode-widget-shadow);
 }
 
+.tool-palette :focus-visible {
+    outline: none;
+}
+
+.tool-group {
+    background: var(--vscode-settings-dropdownBackground);
+}
+
 .tool-palette .palette-header {
-    background: var(--vscode-titleBar-activeBackground);
+    background: var(--vscode-settings-dropdownBackground);
     color: var(--vscode-titleBar-activeForeground);
     border: 0;
     font-weight: normal;
@@ -31,20 +39,23 @@
 }
 
 .tool-palette .palette-header .header-icon {
-    font-size: var(--vscode-ui-font-size1);
     float: left;
     padding: 0.2em;
+    font-size: 11px;
+    text-transform: uppercase;
+    font-weight: 400;
 }
 
 .tool-palette .palette-header .header-tools {
-    font-size: var(--vscode-ui-font-size3);
     float: right;
+    font-size: 11px;
 }
 
 .tool-palette .palette-header .header-tools i {
     border: none;
     width: 1em;
     text-align: center;
+    border-radius: 5px;
 }
 
 .tool-palette .palette-header .header-tools i:hover:not(.clicked) {
@@ -58,35 +69,34 @@
 .tool-palette .palette-body {
     border: 0;
     box-shadow: none;
+    background: var(--vscode-list-focusBackground);
+    color: var(--vscode-titleBar-activeForeground);
 }
 
 .tool-palette .palette-body .group-header {
     font-size: var(--vscode-ui-font-size1);
-    font-weight: normal;
-    background: var(--vscode-settings-dropdownBackground);
+    text-transform: uppercase;
+    font-weight: bold;
+    background: var(--vscode-editorHoverWidget-statusBarBackground);
     color: var(--vscode-titleBar-activeForeground);
     border: 0;
 }
 
-.tool-palette .palette-body .tool-button {
-    background: var(--vscode-menu-background);
+.tool-button {
+    background: var(--vscode-settings-dropdownBackground);
     color: var(--vscode-titleBar-activeForeground);
 }
 
 .tool-palette .palette-body .tool-button:hover:not(.clicked) {
-    background: var(--vscode-list-hoverBackground);
+    background: var(--vscode-menubar-selectionBackground);
 }
 
 .tool-palette .tool-button.clicked {
-    background: var(--vscode-menu-selectionBackground);
-    color: var(--vscode-menu-selectionForeground);
+    background: var(--vscode-inputOption-activeBackground);
 }
 
 .search-input {
     background: var(--vscode-input-background);
     color: var(--vscode-input-foreground);
     border: var(--vscode-border-width) solid var(--vscode-input-border);
-    font-family: var(--vscode-ui-font-family);
-    font-size: var(--vscode-ui-font-size1);
-    line-height: var(--vscode-content-line-height);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eclipse-glsp/vscode-integration-webview",
-  "version": "0.9.0",
+  "version": "0.10.0-next.1c5e79b.40+1c5e79b",
   "description": "Integration of a GLSP diagram in a VS Code extensions (WebView part)",
   "license": "(EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0)",
   "keywords": [
@@ -32,7 +32,7 @@
     "css"
   ],
   "dependencies": {
-    "@eclipse-glsp/client": "0.9.0",
+    "@eclipse-glsp/client": "next",
     "sprotty-vscode-webview": "0.1.2"
   },
   "devDependencies": {
@@ -52,5 +52,5 @@
   },
   "main": "lib/index",
   "types": "lib/index",
-  "gitHead": "ee6c21350a9778e9dfbef71384a80a62866e5ffa"
+  "gitHead": "1c5e79bd049d6d5bd96f921b407db8e2f00287d1"
 }