@scalar/use-codemirror 0.7.3 → 0.7.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/use-codemirror
 
+## 0.7.5
+
+### Patch Changes
+
+- b76f4d1e: Reference search + some app hover states
+
+## 0.7.4
+
+### Patch Changes
+
+- 4985562c: polish codemirror theme colors
+
 ## 0.7.3
 
 ### Patch Changes

package/dist/index.js

@@ -12647,13 +12647,13 @@ const lightTheme = createTheme({
     gutterBackground: "var(--theme-background-2, var(--default-theme-background-2))",
     gutterForeground: "var(--theme-color-3, var(--default-theme-color-3))",
     gutterBorder: "transparent",
-    lineHighlight: "#EFEFEF",
+    lineHighlight: "var(--theme-background-3, var(--default-theme-background-3))",
     fontFamily: "var(--theme-font-code, var(--default-theme-font-code))"
   },
   styles: [
     {
       tag: [tags$1.standard(tags$1.tagName), tags$1.tagName],
-      color: "var(--theme-color-yellow, var(--default-theme-color-yellow))"
+      color: "var(--theme-color-purple, var(--default-theme-color-purple))"
     },
     {
       tag: [tags$1.comment],
@@ -12680,21 +12680,46 @@ const lightTheme = createTheme({
       color: "var(--theme-color-blue, var(--default-theme-color-blue))"
     },
     {
-      tag: [tags$1.bracket, tags$1.number, tags$1.regexp, tags$1.meta],
-      color: "var(--theme-color-purple, var(--default-theme-color-purple))"
+      tag: [tags$1.bracket, tags$1.regexp, tags$1.meta],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    },
+    {
+      tag: [tags$1.number],
+      color: "var(--theme-color-blue, var(--default-theme-color-blue))"
+    },
+    {
+      tag: [tags$1.name, tags$1.quote],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    },
+    {
+      tag: [tags$1.heading],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      fontWeight: "bold"
+    },
+    {
+      tag: [tags$1.emphasis],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      fontStyle: "italic"
+    },
+    {
+      tag: [tags$1.deleted],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      backgroundColor: "transparent"
+    },
+    {
+      tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
     },
-    { tag: [tags$1.name, tags$1.quote], color: "#22863a" },
-    { tag: [tags$1.heading], color: "#24292e", fontWeight: "bold" },
-    { tag: [tags$1.emphasis], color: "#24292e", fontStyle: "italic" },
-    { tag: [tags$1.deleted], color: "#b31d28", backgroundColor: "ffeef0" },
-    { tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)], color: "#5203D1" },
     {
       tag: [tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link],
       color: "var(--theme-color-1, var(--default-theme-color-1))"
     },
     { tag: tags$1.link, textDecoration: "underline" },
     { tag: tags$1.strikethrough, textDecoration: "line-through" },
-    { tag: tags$1.invalid, color: "#cb2431" }
+    {
+      tag: tags$1.invalid,
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    }
   ]
 });
 const darkTheme = createTheme({
@@ -12708,13 +12733,13 @@ const darkTheme = createTheme({
     gutterBackground: "var(--theme-background-2, var(--default-theme-background-2))",
     gutterForeground: "var(--theme-color-3, var(--default-theme-color-3))",
     gutterBorder: "transparent",
-    lineHighlight: "#EFEFEF",
+    lineHighlight: "var(--theme-background-3, var(--default-theme-background-3))",
     fontFamily: "var(--theme-font-code, var(--default-theme-font-code))"
   },
   styles: [
     {
       tag: [tags$1.standard(tags$1.tagName), tags$1.tagName],
-      color: "var(--theme-color-yellow, var(--default-theme-color-yellow))"
+      color: "var(--theme-color-purple, var(--default-theme-color-purple))"
     },
     {
       tag: [tags$1.comment],
@@ -12741,21 +12766,46 @@ const darkTheme = createTheme({
       color: "var(--theme-color-blue, var(--default-theme-color-blue))"
     },
     {
-      tag: [tags$1.bracket, tags$1.number, tags$1.regexp, tags$1.meta],
-      color: "var(--theme-color-purple, var(--default-theme-color-purple))"
+      tag: [tags$1.bracket, tags$1.regexp, tags$1.meta],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    },
+    {
+      tag: [tags$1.number],
+      color: "var(--theme-color-blue, var(--default-theme-color-blue))"
+    },
+    {
+      tag: [tags$1.name, tags$1.quote],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    },
+    {
+      tag: [tags$1.heading],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      fontWeight: "bold"
+    },
+    {
+      tag: [tags$1.emphasis],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      fontStyle: "italic"
+    },
+    {
+      tag: [tags$1.deleted],
+      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      backgroundColor: "transparent"
+    },
+    {
+      tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)],
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
     },
-    { tag: [tags$1.name, tags$1.quote], color: "#22863a" },
-    { tag: [tags$1.heading], color: "#24292e", fontWeight: "bold" },
-    { tag: [tags$1.emphasis], color: "#24292e", fontStyle: "italic" },
-    { tag: [tags$1.deleted], color: "#b31d28", backgroundColor: "ffeef0" },
-    { tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)], color: "#5203D1" },
     {
       tag: [tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link],
       color: "var(--theme-color-1, var(--default-theme-color-1))"
     },
     { tag: tags$1.link, textDecoration: "underline" },
     { tag: tags$1.strikethrough, textDecoration: "line-through" },
-    { tag: tags$1.invalid, color: "#cb2431" }
+    {
+      tag: tags$1.invalid,
+      color: "var(--theme-color-3, var(--default-theme-color-3))"
+    }
   ]
 });
 const isDark = ref(false);

package/dist/style.css

@@ -6,9 +6,15 @@
   padding-top: 4px;
   min-height: 76px;
   background: var(--theme-background-2, var(--default-theme-background-2));
+  color: var(--theme-color-1, var(--default-theme-color-1));
   display: flex;
   align-items: stretch;
 }
+@media screen and (max-width: 720px) {
+.scalar-api-client__codemirror__wrapper {
+    width: calc(100% - 50px);
+}
+}
 .scalar-api-client__codemirror {
   flex-grow: 1;
   max-width: 100%;

package/dist/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,uCA6DrB,CAAA;AAEF,eAAO,MAAM,SAAS,uCA6DpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,uCAuFrB,CAAA;AAEF,eAAO,MAAM,SAAS,uCAuFpB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scalar/use-codemirror",
   "description": "CodeMirror for Vue",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "author": "Scalar (https://github.com/scalar)",
   "bugs": "https://github.com/scalar/scalar/issues/new",
   "dependencies": {