@hattisar/design-tokens 0.3.8 → 0.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hattisar/design-tokens",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "description": "Shared design tokens (colors, type, radius, spacing, motion) and base primitives (reset, buttons, inputs, cards, modals, auth shell) for every Hattisar frontend.",
   "main": "tokens.css",
   "files": [

package/tokens.css

@@ -254,11 +254,15 @@
   --field-min-width: 260px;
   /* For a control whose value is a word, not a sentence — a variant
      name, a unit, a percentage — inside a line-item row. */
-  /* The metadata rail on a master-data form. Narrower than the
-     document rail (340px), which has to hold a party summary and a
-     Notes textarea — this holds status, tags and a note, and a
-     narrower rail keeps the content column the obvious subject. */
-  --record-rail-width: 300px;
+  /* The label column on a vertical form, and how wide a control gets.
+     A control that stretches to the page is the thing that made these
+     forms read as a wall: an email box does not need 900px, and at
+     that width the eye has to travel back across empty space to find
+     the next label. Zoho holds both to a fixed, comfortable size and
+     lets the page be as wide as it likes. */
+  --form-label-width: 160px;
+  --form-control-width: 340px;
+  --form-control-width-wide: 520px;
   --field-min-width-narrow: 140px;
 
   --space-16: 64px;