@toclocoinc/lattice-grid 1.115.2 → 1.115.3

package/modules/form.min.cjs

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.115.2, form module
+ * Lattice Grid 1.115.3, form module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -223,6 +223,23 @@
    so column-gap is the only one read when the label-switch logic measures
    this item's spacing via getComputedStyle, whichever position is current. */
 .${e}__item[data-label-position='left']{ flex-direction:row; align-items:center; column-gap:var(--lattice-space); row-gap:0; }
+/* A left label aligns to its control's own field box, not to the whole item
+   (BACKLOG-0005762): the control cell also holds the help and validation lines
+   below the field box, so centring on the item dropped the label down beside
+   the gap below a control with help text. The row keeps align-items:center so a
+   tooltip label-group and a toggle/checkbox item stay centred exactly as
+   before; a plain field item's label and control cell instead anchor to the
+   row's top edge, and the label carries a row-height min-height with its text
+   centred inside it, so the label's first line matches the field box's midline
+   whether or not help text or a message sits under the control — and a label
+   taller than the control starts at the control's top edge rather than pushing
+   the control down to centre against it. */
+.${e}__item[data-label-position='left']:not([data-label-effective='top']):not(:has(> .${e}__control > input[type='checkbox'])) > .${e}__label{
+  align-self:flex-start; min-height:var(--lattice-row-height); display:flex; align-items:center;
+}
+.${e}__item[data-label-position='left']:not([data-label-effective='top']):not(:has(> .${e}__control > input[type='checkbox'])) > :is(.${e}__control, .${e}__field){
+  align-self:flex-start;
+}
 .${e}__item[data-label-position='hidden']{ flex-direction:column; align-items:stretch; }
 .${e}__item[hidden]{ display:none; }
 /* A left label switched to the top because its own width would leave the

package/modules/form.min.js

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.115.2, form module
+ * Lattice Grid 1.115.3, form module
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */
@@ -223,6 +223,23 @@
    so column-gap is the only one read when the label-switch logic measures
    this item's spacing via getComputedStyle, whichever position is current. */
 .${e}__item[data-label-position='left']{ flex-direction:row; align-items:center; column-gap:var(--lattice-space); row-gap:0; }
+/* A left label aligns to its control's own field box, not to the whole item
+   (BACKLOG-0005762): the control cell also holds the help and validation lines
+   below the field box, so centring on the item dropped the label down beside
+   the gap below a control with help text. The row keeps align-items:center so a
+   tooltip label-group and a toggle/checkbox item stay centred exactly as
+   before; a plain field item's label and control cell instead anchor to the
+   row's top edge, and the label carries a row-height min-height with its text
+   centred inside it, so the label's first line matches the field box's midline
+   whether or not help text or a message sits under the control — and a label
+   taller than the control starts at the control's top edge rather than pushing
+   the control down to centre against it. */
+.${e}__item[data-label-position='left']:not([data-label-effective='top']):not(:has(> .${e}__control > input[type='checkbox'])) > .${e}__label{
+  align-self:flex-start; min-height:var(--lattice-row-height); display:flex; align-items:center;
+}
+.${e}__item[data-label-position='left']:not([data-label-effective='top']):not(:has(> .${e}__control > input[type='checkbox'])) > :is(.${e}__control, .${e}__field){
+  align-self:flex-start;
+}
 .${e}__item[data-label-position='hidden']{ flex-direction:column; align-items:stretch; }
 .${e}__item[hidden]{ display:none; }
 /* A left label switched to the top because its own width would leave the