@vmz/ui 0.3.11 → 0.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -31,6 +31,22 @@ A preset is Style Theme source files, not a runtime theme. It is never injected
|
|
|
31
31
|
carries no hidden semantics. `contracts/token-requirements.v0.json` remains the truth source for
|
|
32
32
|
which tokens the components require; the `ui-automation` gate checks this preset against it.
|
|
33
33
|
|
|
34
|
+
## Brand theming
|
|
35
|
+
|
|
36
|
+
Applications rebrand by **owning their token files**, never by overriding CSS variables at runtime:
|
|
37
|
+
|
|
38
|
+
1. `pnpm exec vmz init design` materializes the preset into `<app>/designs/` (existing files are
|
|
39
|
+
kept unless `--force`).
|
|
40
|
+
2. Edit `designs/tokens/brand.json`: set `brand.primary` and the `scale.*` ramp to your brand hue,
|
|
41
|
+
and adjust `semantic-action.json` / `semantic-status.json` when actions or status tones should
|
|
42
|
+
follow the brand.
|
|
43
|
+
3. The build compiles them into `--vmz-*` custom properties. Components consume only those semantic
|
|
44
|
+
variables, so no component source changes are ever needed.
|
|
45
|
+
|
|
46
|
+
`data-theme="dark"` / `data-theme="high-contrast"` activate the overlay files under
|
|
47
|
+
`designs/themes/`. The default preset ships a production-neutral palette only — product brand
|
|
48
|
+
colors live exclusively in the application's own `designs/`.
|
|
49
|
+
|
|
34
50
|
## Preview `0.0.4`
|
|
35
51
|
|
|
36
52
|
This is a **preview** release. It is **not** `production-ready` and **not** a mature / production UI.
|
package/package.json
CHANGED
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"license": "MIT",
|
|
87
87
|
"name": "@vmz/ui",
|
|
88
88
|
"peerDependencies": {
|
|
89
|
-
"@vmz/ui-icons": "0.3.
|
|
89
|
+
"@vmz/ui-icons": "0.3.13"
|
|
90
90
|
},
|
|
91
91
|
"peerDependenciesMeta": {
|
|
92
92
|
"@vmz/ui-icons": {
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"url": "git+https://github.com/doki-land/vmz-framework.git"
|
|
103
103
|
},
|
|
104
104
|
"type": "module",
|
|
105
|
-
"version": "0.3.
|
|
105
|
+
"version": "0.3.13"
|
|
106
106
|
}
|
|
@@ -28,10 +28,6 @@
|
|
|
28
28
|
"key": { "path": ["brand", "primary"] },
|
|
29
29
|
"value": "#4096FF"
|
|
30
30
|
},
|
|
31
|
-
{
|
|
32
|
-
"key": { "path": ["brand", "energy"] },
|
|
33
|
-
"value": "#FFC53D"
|
|
34
|
-
},
|
|
35
31
|
{
|
|
36
32
|
"key": { "path": ["surface", "paper"] },
|
|
37
33
|
"value": "#1A1D21"
|
|
@@ -78,7 +74,7 @@
|
|
|
78
74
|
},
|
|
79
75
|
{
|
|
80
76
|
"key": { "path": ["text", "muted"] },
|
|
81
|
-
"value": "#
|
|
77
|
+
"value": "#8891A0"
|
|
82
78
|
},
|
|
83
79
|
{
|
|
84
80
|
"key": { "path": ["text", "on-brand"] },
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"brand": {
|
|
3
|
-
"primary": "#1677FF"
|
|
4
|
-
"energy": "#FAAD14"
|
|
3
|
+
"primary": "#1677FF"
|
|
5
4
|
},
|
|
6
5
|
"scale": {
|
|
7
6
|
"50": "#E6F4FF",
|
|
@@ -30,7 +29,7 @@
|
|
|
30
29
|
"ink": "#1F2329",
|
|
31
30
|
"steel": "#51565D",
|
|
32
31
|
"tertiary": "#646A73",
|
|
33
|
-
"muted": "#
|
|
32
|
+
"muted": "#6B7178",
|
|
34
33
|
"on-brand": "#FFFFFF",
|
|
35
34
|
"on-ink": "#F7F8FA",
|
|
36
35
|
"on-inverse": "#F7F8FA"
|
|
@@ -40,13 +39,6 @@
|
|
|
40
39
|
"subtle": "#F0F1F3",
|
|
41
40
|
"strong": "#C9CDD4"
|
|
42
41
|
},
|
|
43
|
-
"status": {
|
|
44
|
-
"success": "#52C41A",
|
|
45
|
-
"warning": "#FAAD14",
|
|
46
|
-
"error": "#FF4D4F",
|
|
47
|
-
"analysis": "#722ED1",
|
|
48
|
-
"runtime": "#13C2C2"
|
|
49
|
-
},
|
|
50
42
|
"font": {
|
|
51
43
|
"sans": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", \"Noto Sans CJK SC\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
|
|
52
44
|
"mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
|