fix: keep page shells transparent

2026-07-19 19:52:14 +05:30
parent ca8f746f41
commit eaea2c5f72
57 changed files with 99 additions and 87 deletions
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/ai",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "description": "Zero-dependency Claude (Anthropic) client for WrNexus apps.",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/authz",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/cli",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -602,6 +602,14 @@ const MIGRATIONS: Migration[] = [
      // Existing inferred declarations remain compatible; typed syntax is opt-in.
    },
  },
+  {
+    version: "0.2.60",
+    id: "page-owned-shell-backgrounds",
+    description: "Lets pages own their backgrounds by keeping shared page shells transparent.",
+    apply() {
+      // The UI stylesheet update applies automatically.
+    },
+  },
 ];

 /** Release tooling uses this to require an explicit migration entry per version. */
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/compiler",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/core",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/csr",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/db",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/dev-server",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/encryption",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/helpers",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "description": "Safe convenience helpers for WrNexus request contexts and common application flows.",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/i18n",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/jwt",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/mobile",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/native",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/oauth",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/pubsub",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/queue",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/reactive",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/router",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/ssr",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/styles",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "type": "module",
  "main": "src/index.ts",
  "exports": {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/test",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/tracking",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/ui",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -81,6 +81,12 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
  expect(css).toContain("--color-red-600: var(--wire-color-danger)");
 });

+test("page shells leave background ownership to the page", () => {
+  const css = uiCss();
+  const shellRule = css.match(/\.wire-page-shell\s*\{([^}]*)\}/)?.[1] ?? "";
+  expect(shellRule).not.toMatch(/background(?:-color)?\s*:/);
+});
+
 test("every bundled UI component compiles", () => {
  for (const name of uiComponentNames()) {
    const path = join(uiComponentsDir(), `${name}.wrn`);
@@ -780,7 +780,6 @@
  width: 100%;
  min-width: 0;
  color: var(--wire-color-text);
-  background: var(--wire-color-bg);
 }
 .wire-page-shell--marketing,
 .wire-page-shell--product {
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/uploader",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",
@@ -1,6 +1,6 @@
 {
  "name": "@wrnexus/validation",
-  "version": "0.2.59",
+  "version": "0.2.60",
  "private": true,
  "type": "module",
  "main": "src/index.ts",