@godxjp/ui 18.12.16 → 18.12.18

package/dist/styles/form-layout.css

@@ -12,7 +12,25 @@
   .ui-form {
     display: flex;
     flex-direction: column;
-    gap: var(--space-4);
+  }
+
+  /* Row rhythm between a Form's own top-level blocks (gh#295) — e.g. the field group's
+   * CardContent and its CardFooter action row. MARGIN, not flex `gap`: `gap` only reaches DIRECT
+   * children, which is dead the moment a consumer needs a CardFooter Save button to actually
+   * submit (it must stay a `<form>` descendant, so Form has to wrap CardContent — the FormFields
+   * become grandchildren, past flex `gap`'s reach). Margin-based sibling spacing works at any
+   * depth as long as the elements are literal siblings. */
+  .ui-form > * + * {
+    margin-block-start: var(--form-block-gap);
+  }
+
+  /* Field-to-field row rhythm (gh#295) — MORE SPECIFIC than the rule above (two class selectors
+   * beat one), so it wins rather than stacking with it whenever two FormFields are adjacent
+   * siblings: Form's own direct children (a plain field list, no Card framing) or nested one
+   * level through CardContent (the common Card-framed, Save-button-capable case). This is what
+   * makes the rhythm hold regardless of DOM depth — the actual fix for gh#295. */
+  .ui-form-field + .ui-form-field {
+    margin-block-start: var(--form-field-row-gap);
   }
 
   /* Vertical (default + collapsed state): label stacked above the control column, LEFT-aligned.

package/dist/styles/shell-layout.css

@@ -1435,7 +1435,13 @@
 
   .tb-search {
     display: flex;
-    width: min(var(--topbar-search-max-width), 40vw);
+    /* Fills the whole `Topbar` center slot by default (gh#296) — `--topbar-search-max-width`
+     * defaults to `none`, so nothing caps it short of `end`. A consumer opting into the older
+     * fixed-width, centered look sets the token to an explicit length instead of overriding this
+     * rule. `width: 100%` + `max-width: none` is the pair that makes both cases work from ONE
+     * token: a set length caps it, an unset one (`none`) doesn't. */
+    width: 100%;
+    max-width: var(--topbar-search-max-width);
     height: var(--control-height-sm);
     align-items: center;
     gap: var(--space-2);

package/dist/tokens/components/form.css

@@ -12,4 +12,16 @@
 
   /* Column gap between the label and its control in horizontal/inline layout. */
   --form-label-gap: var(--space-4); /* 16px */
+
+  /* Row rhythm between a Form's own top-level blocks (gh#295) — e.g. the field group's
+   * CardContent and its CardFooter action row, or two FormFields that happen to be Form's OWN
+   * direct children (no Card framing). Unchanged from the historical value. */
+  --form-block-gap: var(--space-4); /* 16px */
+
+  /* Field-to-field row rhythm (gh#295) — mirrors --descriptions-row-gap so a read-only value
+   * mixed in via `FormField.staticText` (gh#294) and a real Descriptions block share ONE canonical
+   * rhythm. Applied via margin-based sibling spacing on FormField itself (not Form's flex `gap`,
+   * which only reaches DIRECT children — dead in the common `Form > CardContent > FormField*`
+   * composition every real Save-button form needs), so it holds at any DOM depth relative to Form. */
+  --form-field-row-gap: var(--space-3); /* 12px */
 }

package/dist/tokens/components/shell.css

@@ -74,7 +74,11 @@
   --sidebar-section-gap: var(--space-4);
   --sidebar-section-label-padding-x: var(--space-2);
   --sidebar-section-label-padding-bottom: var(--space-1);
-  --topbar-search-max-width: 26.25rem;
+  /* Default `none` (gh#296): the search trigger fills its whole `Topbar` center slot — flush to
+   * whatever sits in `end` (a locale picker, notification bell, account menu) — rather than
+   * floating as a fixed ~420px box with dead space on either side at normal desktop widths. A
+   * consumer that wants a capped, centered search box (the previous look) sets this explicitly. */
+  --topbar-search-max-width: none;
   /* Standalone <Topbar> geometry (rule #45). Topbar is a pure slot bar, so its box is intentionally
    * QUIET by default: `auto` height and no inline inset, i.e. exactly what it did before these knobs
    * existed — inside AppShell the `.app-topbar` grid row still owns the height. A service that

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@godxjp/ui",
-  "version": "18.12.16",
-  "godxUiMcp": "18.12.16",
+  "version": "18.12.18",
+  "godxUiMcp": "18.12.18",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",