@hattisar/design-tokens 0.3.18 → 0.3.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hattisar/design-tokens",
-  "version": "0.3.18",
+  "version": "0.3.19",
   "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

@@ -300,6 +300,15 @@
      of a header row. Narrower than a control that owns its row, because
      three of those do not fit and a date needs far less than 340px. */
   --form-control-width-compact: 200px;
+  /* The label beside it. Fixed rather than sized to each label's own
+     text — "Order date", "Due date" and "Tax rate" all sit in this
+     position on different rows of the same header, and letting each
+     size itself put their inputs at three different starting points
+     down the card, the one thing --form-label-width above exists to
+     prevent for the row's first field. 120px is measured to the
+     longest label that lives here today, "Invoice date *" at ~97px,
+     with room to spare. */
+  --form-label-width-compact: 120px;
   --form-control-width-wide: 520px;
   --field-min-width-narrow: 140px;