@scalar/api-client 2.1.25 → 2.1.27

package/dist/views/Settings/SettingsGeneralMode.vue.js

@@ -1,78 +1,86 @@
-import { defineComponent as d, ref as p, openBlock as k, createElementBlock as _, Fragment as v, createVNode as e, withCtx as o, unref as l, withModifiers as a, createTextVNode as n, createElementVNode as M, toDisplayString as S } from "vue";
-import D from "../../components/DataTable/DataTableCell.vue.js";
-import g from "../../components/DataTable/DataTableText.vue.js";
-import { ScalarDropdown as h, ScalarDropdownItem as i, ScalarButton as x, ScalarIcon as y } from "@scalar/components";
+import { defineComponent as g, ref as h, openBlock as o, createElementBlock as v, Fragment as y, createElementVNode as s, createVNode as a, unref as r, normalizeClass as n, withCtx as c, createBlock as d, createCommentVNode as u, createTextVNode as i } from "vue";
+import { ScalarButton as f, ScalarIcon as m } from "@scalar/components";
 import { useDarkModeState as w } from "../../hooks/useDarkModeState.js";
-const C = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, I = /* @__PURE__ */ d({
+const S = { class: "flex flex-col gap-2" }, C = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, M = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, D = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, B = /* @__PURE__ */ g({
   __name: "SettingsGeneralMode",
-  setup(P) {
-    const { colorMode: f, setDarkMode: s } = w(), t = p("System Preference");
-    f.value === "system" ? t.value = "System Preference" : f.value === "dark" ? t.value = "Dark" : t.value = "Light";
-    const m = () => {
-      s(null), t.value = "System Preference";
-    }, u = () => {
-      s(!1), t.value = "Light";
-    }, c = () => {
-      s(!0), t.value = "Dark";
+  setup(_) {
+    const { colorMode: k, setDarkMode: l } = w(), e = h("System Preference");
+    k.value === "system" ? e.value = "System Preference" : k.value === "dark" ? e.value = "Dark" : e.value = "Light";
+    const p = () => {
+      l(null), e.value = "System Preference";
+    }, b = () => {
+      l(!1), e.value = "Light";
+    }, x = () => {
+      l(!0), e.value = "Dark";
     };
-    return (L, r) => (k(), _(v, null, [
-      e(g, { text: "Mode" }),
-      e(D, null, {
-        default: o(() => [
-          e(l(h), null, {
-            items: o(() => [
-              e(l(i), {
-                onClick: a(m, ["stop"])
-              }, {
-                default: o(() => r[0] || (r[0] = [
-                  n(" System Preference ")
-                ])),
-                _: 1
-              }),
-              e(l(i), {
-                onClick: a(u, ["stop"])
-              }, {
-                default: o(() => r[1] || (r[1] = [
-                  n(" Light Mode ")
-                ])),
-                _: 1
-              }),
-              e(l(i), {
-                onClick: a(c, ["stop"])
-              }, {
-                default: o(() => r[2] || (r[2] = [
-                  n(" Dark Mode ")
-                ])),
-                _: 1
-              })
+    return (P, t) => (o(), v(y, null, [
+      t[3] || (t[3] = s("h3", { class: "font-bold mb-1 mt-8" }, "Appearance", -1)),
+      t[4] || (t[4] = s("p", { class: "text-c-2 mb-4" }, "Set light or dark mode for your workspace.", -1)),
+      s("div", S, [
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2",
+            e.value === "System Preference" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: p
+        }, {
+          default: c(() => [
+            s("div", C, [
+              e.value === "System Preference" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
             ]),
-            default: o(() => [
-              e(l(x), {
-                class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
-                fullWidth: "",
-                variant: "ghost"
-              }, {
-                default: o(() => [
-                  M("h2", C, [
-                    n(S(t.value) + " ", 1),
-                    e(l(y), {
-                      class: "size-2.5",
-                      icon: "ChevronDown",
-                      thickness: "3.5"
-                    })
-                  ])
-                ]),
-                _: 1
-              })
+            t[0] || (t[0] = i(" System Preference "))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2",
+            e.value === "Light" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: b
+        }, {
+          default: c(() => [
+            s("div", M, [
+              e.value === "Light" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
             ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
+            t[1] || (t[1] = i(" Light Mode "))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2 mb-8",
+            e.value === "Dark" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: x
+        }, {
+          default: c(() => [
+            s("div", D, [
+              e.value === "Dark" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
+            ]),
+            t[2] || (t[2] = i(" Dark Mode "))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ])
     ], 64));
   }
 });
 export {
-  I as default
+  B as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.25",
+  "version": "2.1.27",
   "engines": {
     "node": ">=18"
   },
@@ -143,6 +143,7 @@
     "cva": "1.0.0-beta.1",
     "fuse.js": "^7.0.0",
     "js-cookie": "^3.0.5",
+    "microdiff": "^1.4.0",
     "nanoid": "^5.0.7",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
@@ -152,16 +153,16 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/icons": "0.1.1",
+    "@scalar/components": "0.12.56",
     "@scalar/draggable": "0.1.6",
+    "@scalar/icons": "0.1.1",
+    "@scalar/oas-utils": "0.2.59",
     "@scalar/object-utils": "1.1.10",
-    "@scalar/components": "0.12.55",
     "@scalar/openapi-parser": "0.8.7",
     "@scalar/openapi-types": "0.1.3",
-    "@scalar/oas-utils": "0.2.58",
-    "@scalar/themes": "0.9.39",
+    "@scalar/themes": "0.9.40",
     "@scalar/types": "0.0.16",
-    "@scalar/use-codemirror": "0.11.22",
+    "@scalar/use-codemirror": "0.11.23",
     "@scalar/use-tooltip": "1.0.3",
     "@scalar/use-toasts": "0.7.7"
   },
@@ -180,6 +181,7 @@
     "vite": "^5.2.10",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
+    "@scalar/galaxy": "0.2.12",
     "@scalar/build-tooling": "0.1.11"
   },
   "scripts": {