@commonpub/layer 0.86.4 → 0.86.5

package/layouts/default.vue

@@ -429,7 +429,7 @@ const userUsername = computed(() => user.value?.username ?? '');
 .cpub-btn-new:hover { box-shadow: var(--shadow-md); transform: translate(-1px, -1px); }
 
 .cpub-avatar-btn { background: none; border: none; padding: 0; cursor: pointer; }
-.cpub-user-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--purple-bg); border: var(--border-width-default) solid var(--purple); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--purple); font-family: var(--font-mono); overflow: hidden; }
+.cpub-user-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--purple-bg); border: var(--border-width-default) solid var(--purple); display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: var(--purple-text); font-family: var(--font-mono); overflow: hidden; }
 .cpub-user-avatar-img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
 .cpub-user-menu-wrapper { position: relative; }
 .cpub-user-dropdown { position: absolute; top: calc(100% + 6px); right: 0; min-width: 180px; background: var(--surface); border: var(--border-width-default) solid var(--border); box-shadow: var(--shadow-md); z-index: 200; display: flex; flex-direction: column; padding: 4px 0; -webkit-backdrop-filter: var(--surface-backdrop, none); backdrop-filter: var(--surface-backdrop, none); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.86.4",
+  "version": "0.86.5",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -54,17 +54,17 @@
     "vue-advanced-cropper": "^2.8.9",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/auth": "0.8.0",
-    "@commonpub/docs": "0.6.3",
-    "@commonpub/config": "0.23.0",
     "@commonpub/explainer": "0.8.0",
-    "@commonpub/editor": "0.9.0",
-    "@commonpub/protocol": "0.14.0",
+    "@commonpub/docs": "0.6.3",
     "@commonpub/learning": "0.5.2",
+    "@commonpub/editor": "0.9.0",
+    "@commonpub/config": "0.23.0",
     "@commonpub/schema": "0.48.0",
-    "@commonpub/server": "2.92.0",
     "@commonpub/theme-studio": "0.6.1",
-    "@commonpub/ui": "0.13.1"
+    "@commonpub/auth": "0.8.0",
+    "@commonpub/protocol": "0.14.0",
+    "@commonpub/ui": "0.13.1",
+    "@commonpub/server": "2.92.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/theme/components.css

@@ -69,11 +69,11 @@
 }
 
 .cpub-tag-accent { border-color: var(--accent-border); color: var(--accent); background: var(--accent-bg); }
-.cpub-tag-green { border-color: var(--green-border); color: var(--green); background: var(--green-bg); }
-.cpub-tag-red { border-color: var(--red-border); color: var(--red); background: var(--red-bg); }
-.cpub-tag-yellow { border-color: var(--yellow-border); color: var(--yellow); background: var(--yellow-bg); }
-.cpub-tag-purple { border-color: var(--purple-border); color: var(--purple); background: var(--purple-bg); }
-.cpub-tag-teal { border-color: var(--teal-border); color: var(--teal); background: var(--teal-bg); }
+.cpub-tag-green { border-color: var(--green-border); color: var(--green-text); background: var(--green-bg); }
+.cpub-tag-red { border-color: var(--red-border); color: var(--red-text); background: var(--red-bg); }
+.cpub-tag-yellow { border-color: var(--yellow-border); color: var(--yellow-text); background: var(--yellow-bg); }
+.cpub-tag-purple { border-color: var(--purple-border); color: var(--purple-text); background: var(--purple-bg); }
+.cpub-tag-teal { border-color: var(--teal-border); color: var(--teal-text); background: var(--teal-bg); }
 
 .cpub-tag-row { display: flex; gap: 6px; flex-wrap: wrap; }
 
@@ -218,7 +218,7 @@
 .cpub-form-error {
   padding: 10px 14px;
   background: var(--red-bg);
-  color: var(--red);
+  color: var(--red-text);
   border: var(--border-width-default) solid var(--red);
   font-size: 12px;
   font-family: var(--font-mono);
@@ -306,7 +306,7 @@
 .cpub-fetch-error {
   text-align: center;
   padding: 48px 16px;
-  color: var(--red);
+  color: var(--red-text);
   font-size: 13px;
   font-family: var(--font-mono);
 }
@@ -327,7 +327,7 @@
 
 /* ─── DELETE BUTTON ─── */
 .cpub-delete-btn { background: none; border: none; color: var(--text-faint); cursor: pointer; padding: 4px 6px; font-size: 12px; }
-.cpub-delete-btn:hover { color: var(--red); }
+.cpub-delete-btn:hover { color: var(--red-text); }
 .cpub-delete-btn-sm { font-size: 10px; padding: 2px 4px; }
 
 /* ─── DIVIDERS ─── */

package/theme/editor-panels.css

@@ -28,7 +28,7 @@
 .cpub-ep-chip-wrap:focus-within { border-color: var(--accent); }
 .cpub-ep-chip { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; font-size: 10px; font-family: var(--font-mono); background: var(--surface2); border: var(--border-width-default) solid var(--border2); color: var(--text-dim); }
 .cpub-ep-chip-x { cursor: pointer; color: var(--text-faint); }
-.cpub-ep-chip-x:hover { color: var(--red); }
+.cpub-ep-chip-x:hover { color: var(--red-text); }
 .cpub-ep-chip-input { background: transparent; border: none; outline: none; font-size: 11px; color: var(--text); font-family: var(--font-mono); min-width: 60px; flex: 1; }
 .cpub-ep-chip-input::placeholder { color: var(--text-faint); }
 

package/theme/forms.css

@@ -114,7 +114,7 @@
 
 .cpub-form-error {
   font-size: var(--text-xs);
-  color: var(--red);
+  color: var(--red-text);
   margin-top: var(--space-1);
 }
 

package/theme/layouts.css

@@ -270,12 +270,12 @@
 }
 
 .cpub-badge-accent { background: var(--accent-bg); color: var(--accent); border-color: var(--accent-border); }
-.cpub-badge-green { background: var(--green-bg); color: var(--green); border-color: var(--green-border); }
-.cpub-badge-yellow { background: var(--yellow-bg); color: var(--yellow); border-color: var(--yellow-border); }
-.cpub-badge-red { background: var(--red-bg); color: var(--red); border-color: var(--red-border); }
-.cpub-badge-purple { background: var(--purple-bg); color: var(--purple); border-color: var(--purple-border); }
-.cpub-badge-teal { background: var(--teal-bg); color: var(--teal); border-color: var(--teal-border); }
-.cpub-badge-pink { background: var(--pink-bg); color: var(--pink); border-color: var(--pink-border); }
+.cpub-badge-green { background: var(--green-bg); color: var(--green-text); border-color: var(--green-border); }
+.cpub-badge-yellow { background: var(--yellow-bg); color: var(--yellow-text); border-color: var(--yellow-border); }
+.cpub-badge-red { background: var(--red-bg); color: var(--red-text); border-color: var(--red-border); }
+.cpub-badge-purple { background: var(--purple-bg); color: var(--purple-text); border-color: var(--purple-border); }
+.cpub-badge-teal { background: var(--teal-bg); color: var(--teal-text); border-color: var(--teal-border); }
+.cpub-badge-pink { background: var(--pink-bg); color: var(--pink-text); border-color: var(--pink-border); }
 
 /* ─── CARD ─── */
 .cpub-card {

package/theme/prose.css

@@ -294,7 +294,7 @@
   border: var(--border-width-default) solid var(--green-border);
   background: var(--green-bg);
   font-weight: var(--font-weight-medium);
-  color: var(--green);
+  color: var(--green-text);
   text-align: center;
 }