@vmz/ui 0.0.4 → 0.1.0

package/README.md

@@ -21,18 +21,23 @@ Headline surface for this cut:
 
 - Commercial / Console / Document-Product composition dogfood (homepage)
 - Form depth, Structure, Overlay stacking, DataTable (ordinary HTML table — not `@vmz/ui-data-grid`)
+- DatePicker owned calendar overlay (not native `input[type=date]` popup)
+- Upload multipart binary (parent-owned FormData → `#server` File/Blob; progress/cancel)
 - Density / RTL / preset materialize
 - Motion continuity + interrupt/cancel
 - Motion compiler IR thin gate (`pnpm verify -- motion-ir`)
 - UI7 conformance pack (`@vmz/ui/conformance` + `pnpm verify -- ui7`)
+- `@vmz/ui-data-grid` thin gate (virtualization + pinned column — not tree/group/pivot/edit)
 
 Verify:
 
 ```bash
 pnpm verify -- ui-automation
 pnpm verify -- ui7
+pnpm verify -- ui-data-grid
 pnpm verify -- official-dogfood
 ```
 
-Still open relative to Browser Production Profile v1: `browser-production` aggregate core gaps, `@vmz/ui-data-grid`, UI7
-browser-timing depth, sibling `vmz-panel` product app.
+Still open relative to Browser Production Profile v1: `browser-production` aggregate core gaps,
+`@vmz/ui-data-grid` deep capabilities, Upload cross-page session / multi-file parallel chunks,
+`@vmz/test` Browser Host U0–U1, sibling `vmz-panel` product app.

package/contracts/token-requirements.v0.json

@@ -116,17 +116,56 @@
                 "status.danger.foreground",
                 "focus.ring",
                 "density.control.padding-y",
-                "density.control.padding-x"
+                "density.control.padding-x",
+                "surface.paper"
             ],
             "surfaces": ["WebSurface"],
-            "contracts": ["label", "description", "error", "native-date", "parent-owned-value"]
+            "contracts": [
+                "label",
+                "description",
+                "error",
+                "calendar-overlay",
+                "no-native-date-popup",
+                "parent-owned-value",
+                "overlay-escape-outside"
+            ]
         },
         "Upload": {
             "source": "src/components/Upload.vmz",
             "stableHint": "ui.Upload",
-            "tokens": ["status.danger.foreground", "text.ink", "text.steel", "font.mono", "focus.ring", "density.control.padding-y"],
+            "tokens": [
+                "status.danger.foreground",
+                "status.success.foreground",
+                "action.primary.background",
+                "surface.paper",
+                "line.default",
+                "text.ink",
+                "text.steel",
+                "font.mono",
+                "focus.ring",
+                "density.control.padding-y",
+                "density.compact.padding-y",
+                "density.compact.padding-x",
+                "motion.control.duration",
+                "motion.control.easing"
+            ],
             "surfaces": ["WebSurface"],
-            "contracts": ["label", "description", "error", "native-file", "parent-owned-filename", "no-upload-runtime"]
+            "contracts": [
+                "label",
+                "description",
+                "error",
+                "drop-zone",
+                "selection-constraints",
+                "queue",
+                "progress",
+                "cancel",
+                "destination-client",
+                "destination-server",
+                "destination-object",
+                "all-in-one-transport",
+                "parent-owned-result-value",
+                "no-useUpload"
+            ]
         },
         "Field": {
             "source": "src/components/Field.vmz",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmz/ui",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "type": "module",
   "description": "VMZ UI — official UI framework (component contracts + semantic token requirements). Not a theme. Not a plugin.",
   "license": "MIT",

package/src/components/Button.vmz

@@ -19,9 +19,10 @@
   align-items: center;
   justify-content: center;
   gap: 0.35rem;
+  min-height: 2.25rem;
   padding: var(--vmz-density-control-padding-y) var(--vmz-density-control-padding-x);
   border: 1px solid transparent;
-  border-radius: 2px;
+  border-radius: 7px;
   font: inherit;
   font-weight: 600;
   line-height: 1.2;
@@ -34,6 +35,7 @@
     border-color var(--vmz-motion-control-duration) var(--vmz-motion-control-easing),
     color var(--vmz-motion-control-duration) var(--vmz-motion-control-easing),
     box-shadow var(--vmz-motion-control-duration) var(--vmz-motion-control-easing);
+  box-shadow: 0 1px 2px rgba(16,24,40,.08);
 }
 
 .vmz-ui-btn:hover:not(:disabled) {
@@ -49,6 +51,10 @@
   color: var(--vmz-action-secondary-foreground);
   border-color: var(--vmz-action-secondary-border);
 }
+.vmz-ui-btn[data-variant='default'] { background:#fff; color:var(--vmz-text-ink); border-color:var(--vmz-line-default); }
+.vmz-ui-btn[data-variant='default']:hover:not(:disabled) { color:var(--vmz-action-primary-background); border-color:var(--vmz-action-primary-background); background:#f5faff; }
+.vmz-ui-btn[data-variant='text'], .vmz-ui-btn[data-variant='link'] { min-height:auto; padding:.35rem .45rem; border-color:transparent; background:transparent; color:var(--vmz-action-primary-background); box-shadow:none; }
+.vmz-ui-btn[data-variant='dashed'] { background:#fff; color:var(--vmz-text-ink); border:1px dashed var(--vmz-line-default); box-shadow:none; }
 
 .vmz-ui-btn[data-variant='secondary']:hover:not(:disabled) {
   background: var(--vmz-action-secondary-hover);

package/src/components/Card.vmz

@@ -14,14 +14,13 @@
 .vmz-ui-card {
   display: flex;
   flex-direction: column;
-  gap: var(--vmz-density-control-gap);
-  padding: calc(var(--vmz-density-control-padding-y) + 0.35rem)
-    calc(var(--vmz-density-control-padding-x) + 0.25rem);
+  gap: 1rem;
+  padding: 1.25rem;
   border: 1px solid var(--vmz-line-default);
-  border-radius: 2px;
+  border-radius: 10px;
   background: var(--vmz-surface-paper);
   color: var(--vmz-text-ink);
-  box-shadow: 0 1px 0 color-mix(in srgb, var(--vmz-line-default) 65%, transparent);
+  box-shadow: 0 1px 3px rgba(16,24,40,.06);
 }
 
 :where([data-density='compact']) .vmz-ui-card {