Move highlighting to editor code and implement proto message types for hover response

styles/src/styleTree/hoverPopover.ts

@@ -1,20 +1,26 @@
 import Theme from "../themes/common/theme";
-import { backgroundColor, border, popoverShadow } from "./components";
+import { backgroundColor, border, popoverShadow, text } from "./components";
 
 export default function HoverPopover(theme: Theme) {
   return {
-    background: backgroundColor(theme, "on500"),
-    cornerRadius: 8,
-    padding: {
-      left: 8,
-      right: 8,
-      top: 4,
-      bottom: 4
+    container: {
+      background: backgroundColor(theme, "on500"),
+      cornerRadius: 8,
+      padding: {
+        left: 8,
+        right: 8,
+        top: 4,
+        bottom: 4
+      },
+      shadow: popoverShadow(theme),
+      border: border(theme, "primary"),
+      margin: {
+        left: -8,
+      },
     },
-    shadow: popoverShadow(theme),
-    border: border(theme, "primary"),
-    margin: {
-      left: -8,
+    block_style: {
+      padding: { top: 4 },
     },
+    prose: text(theme, "sans", "primary", { "size": "sm" })
   }
 }