@ashley-shrok/viewmodel-shell 0.3.11 → 0.3.12
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/package.json +1 -1
- package/styles/default.css +18 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ashley-shrok/viewmodel-shell",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.12",
|
|
4
4
|
"description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic — a .NET reference backend ships with the repo, but any language can produce the JSON contract.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
package/styles/default.css
CHANGED
|
@@ -52,6 +52,24 @@ body {
|
|
|
52
52
|
font-family: var(--vms-font-body);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
+
/* ── Box model ──
|
|
56
|
+
Scoped to the framework's own rendered subtree (.vms-page and the
|
|
57
|
+
separately-appended .vms-modal-backdrop) — NOT a global `*` reset, which
|
|
58
|
+
would stomp the host app's own page elements (this stylesheet is opt-in).
|
|
59
|
+
Without this, any full-width element with padding+border (text inputs,
|
|
60
|
+
table filter inputs, …) overflows a padded container under the UA
|
|
61
|
+
content-box default. */
|
|
62
|
+
.vms-page,
|
|
63
|
+
.vms-page *,
|
|
64
|
+
.vms-page *::before,
|
|
65
|
+
.vms-page *::after,
|
|
66
|
+
.vms-modal-backdrop,
|
|
67
|
+
.vms-modal-backdrop *,
|
|
68
|
+
.vms-modal-backdrop *::before,
|
|
69
|
+
.vms-modal-backdrop *::after {
|
|
70
|
+
box-sizing: border-box;
|
|
71
|
+
}
|
|
72
|
+
|
|
55
73
|
/* ── Page ── */
|
|
56
74
|
.vms-page { display: flex; flex-direction: column; gap: 1.5rem; color: var(--vms-text); font-family: var(--vms-font-body); }
|
|
57
75
|
.vms-page__title {
|