@scalar/api-client 0.1.3 → 0.1.4

package/dist/style.css

@@ -30,7 +30,7 @@
   color: var(--scalar-api-client-color);
 }
 
-.modal-layout[data-v-fc617f92] {
+.modal-layout[data-v-1de61d2e] {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -40,40 +40,40 @@
   background: rgba(0, 0, 0, 0.44);
   padding: 20px;
   opacity: 0;
-  animation: modal-fade-fc617f92 0.2s forwards;
+  animation: modal-fade-1de61d2e 0.2s forwards;
 }
-.modal-body[data-v-fc617f92] {
+.modal-body[data-v-1de61d2e] {
   padding: 18px;
   max-height: calc(100vh - 240px);
   background: var(--scalar-api-client-background-primary);
   border-radius: var(--scalar-api-client-rounded);
   font-family: var(--scalar-api-client-font-sans);
 }
-.modal[data-v-fc617f92] {
+.modal[data-v-1de61d2e] {
   margin: 80px auto 0;
   position: relative;
-  background: var(--theme-background-2);
-  border-radius: var(--theme-radius);
-  color: var(--theme-color-1);
+  background: var(--scalar-api-client-theme-background-2);
+  border-radius: var(--scalar-api-client-rounded);
+  color: var(--scalar-api-client-theme-color-1);
   width: 100%;
   text-align: left;
   line-height: 1.4;
   opacity: 0;
   transform: scale(0.98);
-  animation: modal-pop-fc617f92 0.15s 0.15s forwards;
+  animation: modal-pop-1de61d2e 0.15s 0.15s forwards;
   display: flex;
   flex-direction: column;
 }
-.modal-content-large[data-v-fc617f92] {
+.modal-content-large[data-v-1de61d2e] {
   max-width: 800px;
 }
-.modal-content-normal[data-v-fc617f92] {
+.modal-content-normal[data-v-1de61d2e] {
   max-width: 640px;
 }
-.modal-content-small[data-v-fc617f92] {
+.modal-content-small[data-v-1de61d2e] {
   max-width: 480px;
 }
-@keyframes modal-fade-fc617f92 {
+@keyframes modal-fade-1de61d2e {
 from {
     opacity: 0;
 }
@@ -81,7 +81,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes modal-pop-fc617f92 {
+@keyframes modal-pop-1de61d2e {
 0% {
     opacity: 0;
 }
@@ -90,13 +90,13 @@ to {
     transform: scale(1);
 }
 }
-.modal-header[data-v-fc617f92] {
+.modal-header[data-v-1de61d2e] {
   padding: 12px 24px;
-  color: var(--theme-color-1);
-  font-size: var(--theme-font-size-4);
+  color: var(--scalar-api-client-theme-color-1);
+  font-size: var(--scalar-api-client-theme-font-size-4);
   text-align: left;
   font-weight: 600;
-  border-radius: var(--theme-radius) var(--theme-radius) 0 0;
+  border-radius: var(--scalar-api-client-rounded) var(--scalar-api-client-rounded) 0 0;
 }
 
 .navtable-mock {
@@ -1308,7 +1308,7 @@ button {
 a[href]:focus-visible,
 button:focus-visible,
 [tabindex]:focus-visible {
-  outline: 1px dashed var(--theme-color-2);
+  outline: 1px dashed var(--scalar-api-client-theme-color-2);
   outline-offset: 2px;
 }
 
@@ -1388,7 +1388,7 @@ display:revert; revert to element instead of attribute */
 /* revert for bug in Chromium browsers
  - fix for the content editable attribute will work properly.
  - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
-:where([contenteditable]:not([contenteditable='false'])) {
+:where([contenteditable]:not([contenteditable="false"])) {
   -moz-user-modify: revert-layer, read-write;
   -webkit-user-modify: revert-layer, read-write;
   overflow-wrap: revert-layer, break-word;
@@ -1397,7 +1397,7 @@ display:revert; revert to element instead of attribute */
 }
 
 /* apply back the draggable feature - exist only in Chromium and Safari */
-:where([draggable='true']) {
+:where([draggable="true"]) {
   -webkit-user-drag: element;
 }
 
@@ -1405,8 +1405,7 @@ display:revert; revert to element instead of attribute */
 :where(dialog:modal) {
   all: revert;
 }
-.scalar-api-client,
-#headlessui-portal-root {
+:root {
   /** Font sizes */
   --scalar-api-client-text-xs: 12px;
   --scalar-api-client-text-sm: 14px;
@@ -1424,11 +1423,11 @@ display:revert; revert to element instead of attribute */
   --scalar-api-client-rounded: 4px;
 
   /** Fonts */
-  --scalar-api-client-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
-    'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
-    'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
+  --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
+    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
+    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
+    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
 
   /** Font weights */
   --scalar-api-client-font-semibold: 600;

package/dist/variables.css

@@ -1,5 +1,4 @@
-.scalar-api-client,
-#headlessui-portal-root {
+:root {
   /** Font sizes */
   --scalar-api-client-text-xs: 12px;
   --scalar-api-client-text-sm: 14px;
@@ -17,11 +16,11 @@
   --scalar-api-client-rounded: 4px;
 
   /** Fonts */
-  --scalar-api-client-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica, Arial,
-    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-  --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
-    'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
-    'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
+  --scalar-api-client-font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial,
+    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --scalar-api-client-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
+    "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
+    "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
 
   /** Font weights */
   --scalar-api-client-font-semibold: 600;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalar/api-client",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "author": "Scalar",
   "license": "UNLICENSED",
   "engines": {
@@ -10,11 +10,24 @@
   "files": [
     "dist"
   ],
-  "main": "dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./style.css": {
+      "import": "./dist/style.css"
+    }
+  },
   "types": "dist/index.d.ts",
   "dependencies": {
+    "@codemirror/lang-java": "^6.0.1",
     "@codemirror/lang-javascript": "6.1.9",
     "@codemirror/lang-json": "6.0.1",
+    "@codemirror/lang-python": "6.1.3",
+    "@codemirror/language": "6.8.0",
+    "@codemirror/legacy-modes": "6.3.3",
     "@codemirror/state": "6.2.1",
     "@codemirror/view": "6.16.0",
     "@headlessui/vue": "1.7.14",
@@ -31,8 +44,8 @@
     "pretty-bytes": "6.1.0",
     "pretty-ms": "8.0.0",
     "tippy.js": "6.3.7",
-    "@scalar/use-codemirror": "0.1.3",
-    "@scalar/use-keyboard-event": "0.1.3"
+    "@scalar/use-codemirror": "0.1.4",
+    "@scalar/use-keyboard-event": "0.1.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "4.2.3",