designslife/WebForm-mw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Visual identity: Field Almanac — Fraunces+DM Sans, OKLCH cream/leaf/clay palette, paper texture, hand-drawn stage icons, draft auto-save, stage progress dots

Browse Source
This commit is contained in:
Joel Brock
2026-05-09 21:48:45 -07:00
parent dcdf315244
commit 656bf7fd0a
9 changed files with 776 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/fields/FieldRenderer.tsx
View File

@@ -41,11 +41,11 @@ export function FieldRenderer({
const effectiveOptions = resolvedOptions ?? field.options ?? [];
const baseInputClass =
"w-full rounded-md border border-stone-300 bg-white px-3 py-2 text-stone-900 " +
"placeholder:text-stone-400 shadow-sm transition " +
"focus:border-leaf-600 focus:outline-none focus:ring-2 focus:ring-leaf-500/40 " +
"disabled:bg-stone-50 disabled:text-stone-500 " +
"aria-invalid:border-red-500 aria-invalid:ring-red-500/30";
"w-full rounded-md border border-rule bg-paper px-3 py-2 text-ink " +
"placeholder:text-ink-mute/70 shadow-sm transition " +
"focus:border-leaf-600 focus:outline-none focus:ring-2 focus:ring-leaf-500/30 " +
"disabled:bg-paper-2 disabled:text-ink-mute " +
"aria-invalid:border-clay-500 aria-invalid:ring-clay-500/25";
// ── Readonly display field ──────────────────────────────────────────────
if (field.type === "readonly") {