@orion-studios/payload-studio 0.6.0-beta.14 → 0.6.0-beta.16

package/dist/admin/client.js

@@ -8095,11 +8095,12 @@ function AdminStudioToolsView(props) {
   }, []);
   const createUser = async (event) => {
     event.preventDefault();
+    const form = event.currentTarget;
     setCreateSubmitting(true);
     setError(null);
     setSavedMessage(null);
     try {
-      const formData = new FormData(event.currentTarget);
+      const formData = new FormData(form);
       const email = String(formData.get("email") || "").trim();
       const password = String(formData.get("password") || "");
       const fullName = String(formData.get("fullName") || "").trim();
@@ -8123,7 +8124,7 @@ function AdminStudioToolsView(props) {
       if (!response.ok) {
         throw new Error(`Failed to create user (${response.status}).`);
       }
-      event.currentTarget.reset();
+      form.reset();
       await loadUsers();
       setSavedMessage("User created.");
     } catch (createError) {

package/dist/admin/client.mjs

@@ -5769,11 +5769,12 @@ function AdminStudioToolsView(props) {
   }, []);
   const createUser = async (event) => {
     event.preventDefault();
+    const form = event.currentTarget;
     setCreateSubmitting(true);
     setError(null);
     setSavedMessage(null);
     try {
-      const formData = new FormData(event.currentTarget);
+      const formData = new FormData(form);
       const email = String(formData.get("email") || "").trim();
       const password = String(formData.get("password") || "");
       const fullName = String(formData.get("fullName") || "").trim();
@@ -5797,7 +5798,7 @@ function AdminStudioToolsView(props) {
       if (!response.ok) {
         throw new Error(`Failed to create user (${response.status}).`);
       }
-      event.currentTarget.reset();
+      form.reset();
       await loadUsers();
       setSavedMessage("User created.");
     } catch (createError) {

package/dist/admin-app/styles.css

@@ -25,7 +25,17 @@
     --orion-cms-accent-border,
     var(--orion-cms-accent-border-resolved, color-mix(in srgb, var(--orion-admin-accent) 36%, transparent))
   );
-  --orion-admin-selection-bg: color-mix(in srgb, var(--orion-admin-accent) 18%, var(--orion-admin-main-bg));
+  --orion-admin-selection-bg: var(
+    --orion-cms-selection-bg,
+    var(
+      --orion-cms-selection-bg-resolved,
+      color-mix(in srgb, var(--orion-admin-accent) 18%, var(--orion-admin-main-bg))
+    )
+  );
+  --orion-admin-selection-text: var(
+    --orion-cms-selection-text,
+    var(--orion-cms-selection-text-resolved, var(--orion-admin-text))
+  );
   --orion-admin-radius-xs: var(--orion-cms-radius-xs, var(--orion-cms-radius-xs-resolved, 8px));
   --orion-admin-radius-sm: var(--orion-cms-radius-sm, var(--orion-cms-radius-sm-resolved, 12px));
   --orion-admin-radius-md: var(--orion-cms-radius-md, var(--orion-cms-radius-md-resolved, 16px));
@@ -116,6 +126,15 @@
 .orion-admin-page ::selection,
 .orion-admin-login-shell ::selection {
   background: var(--orion-admin-selection-bg);
+  color: var(--orion-admin-selection-text);
+}
+
+.orion-admin-shell ::-moz-selection,
+.orion-admin-main ::-moz-selection,
+.orion-admin-page ::-moz-selection,
+.orion-admin-login-shell ::-moz-selection {
+  background: var(--orion-admin-selection-bg);
+  color: var(--orion-admin-selection-text);
 }
 
 .orion-admin-shell {

package/dist/admin.css

@@ -260,6 +260,8 @@ html[data-orion-brand]:not([data-theme='dark']) {
   --color-base-50: color-mix(in srgb, var(--brand-primary) 2%, rgb(245, 245, 245));
   --color-base-100: color-mix(in srgb, var(--brand-primary) 3%, rgb(235, 235, 235));
   --color-base-150: color-mix(in srgb, var(--brand-primary) 4%, rgb(221, 221, 221));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 16%, white);
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -311,6 +313,8 @@ html[data-orion-brand][data-theme='dark'] {
   --color-base-900: color-mix(in srgb, var(--brand-primary) 4%, rgb(20, 20, 20));
   --color-base-850: color-mix(in srgb, var(--brand-primary) 3%, rgb(34, 34, 34));
   --color-base-800: color-mix(in srgb, var(--brand-primary) 2%, rgb(47, 47, 47));
+  --orion-cms-selection-bg-resolved: color-mix(in srgb, var(--brand-primary) 28%, var(--color-base-900));
+  --orion-cms-selection-text-resolved: var(--theme-text);
 }
 
 /* ============================================================
@@ -321,11 +325,23 @@ html {
 }
 
 html[data-orion-brand] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 18%, white);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 html[data-orion-brand][data-theme='dark'] ::selection {
-  background: color-mix(in srgb, var(--brand-primary) 26%, black);
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
+}
+
+html[data-orion-brand][data-theme='dark'] ::-moz-selection {
+  background: var(--orion-cms-selection-bg, var(--orion-cms-selection-bg-resolved));
+  color: var(--orion-cms-selection-text, var(--orion-cms-selection-text-resolved));
 }
 
 /* ============================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.14",
+  "version": "0.6.0-beta.16",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",