@vmz/ui 0.3.12 → 0.3.13

package/README.md

@@ -31,6 +31,22 @@ A preset is Style Theme source files, not a runtime theme. It is never injected
 carries no hidden semantics. `contracts/token-requirements.v0.json` remains the truth source for
 which tokens the components require; the `ui-automation` gate checks this preset against it.
 
+## Brand theming
+
+Applications rebrand by **owning their token files**, never by overriding CSS variables at runtime:
+
+1. `pnpm exec vmz init design` materializes the preset into `<app>/designs/` (existing files are
+   kept unless `--force`).
+2. Edit `designs/tokens/brand.json`: set `brand.primary` and the `scale.*` ramp to your brand hue,
+   and adjust `semantic-action.json` / `semantic-status.json` when actions or status tones should
+   follow the brand.
+3. The build compiles them into `--vmz-*` custom properties. Components consume only those semantic
+   variables, so no component source changes are ever needed.
+
+`data-theme="dark"` / `data-theme="high-contrast"` activate the overlay files under
+`designs/themes/`. The default preset ships a production-neutral palette only — product brand
+colors live exclusively in the application's own `designs/`.
+
 ## Preview `0.0.4`
 
 This is a **preview** release. It is **not** `production-ready` and **not** a mature / production UI.

package/package.json

@@ -86,7 +86,7 @@
   "license": "MIT",
   "name": "@vmz/ui",
   "peerDependencies": {
-    "@vmz/ui-icons": "0.3.12"
+    "@vmz/ui-icons": "0.3.13"
   },
   "peerDependenciesMeta": {
     "@vmz/ui-icons": {
@@ -102,5 +102,5 @@
     "url": "git+https://github.com/doki-land/vmz-framework.git"
   },
   "type": "module",
-  "version": "0.3.12"
+  "version": "0.3.13"
 }

package/presets/web-surface/themes/dark.json

@@ -28,10 +28,6 @@
             "key": { "path": ["brand", "primary"] },
             "value": "#4096FF"
         },
-        {
-            "key": { "path": ["brand", "energy"] },
-            "value": "#FFC53D"
-        },
         {
             "key": { "path": ["surface", "paper"] },
             "value": "#1A1D21"
@@ -78,7 +74,7 @@
         },
         {
             "key": { "path": ["text", "muted"] },
-            "value": "#7C8592"
+            "value": "#8891A0"
         },
         {
             "key": { "path": ["text", "on-brand"] },

package/presets/web-surface/tokens/brand.json

@@ -1,7 +1,6 @@
 {
     "brand": {
-        "primary": "#1677FF",
-        "energy": "#FAAD14"
+        "primary": "#1677FF"
     },
     "scale": {
         "50": "#E6F4FF",
@@ -30,7 +29,7 @@
         "ink": "#1F2329",
         "steel": "#51565D",
         "tertiary": "#646A73",
-        "muted": "#8A9099",
+        "muted": "#6B7178",
         "on-brand": "#FFFFFF",
         "on-ink": "#F7F8FA",
         "on-inverse": "#F7F8FA"
@@ -40,13 +39,6 @@
         "subtle": "#F0F1F3",
         "strong": "#C9CDD4"
     },
-    "status": {
-        "success": "#52C41A",
-        "warning": "#FAAD14",
-        "error": "#FF4D4F",
-        "analysis": "#722ED1",
-        "runtime": "#13C2C2"
-    },
     "font": {
         "sans": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans CJK SC\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
         "mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",

package/presets/web-surface.v0.json

@@ -30,7 +30,7 @@
         "surfacePage": "#F5F6F8",
         "surfaceFill": "#FAFBFC",
         "textTertiary": "#646A73",
-        "textMuted": "#8A9099",
+        "textMuted": "#6B7178",
         "lineDefault": "#E5E6EB",
         "lineSubtle": "#F0F1F3",
         "shadowCard": "none",