@godxjp/ui 13.17.2 → 13.17.4

package/dist/components/data-display/card.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 type CardSize = "md" | "compact";
-/** Semantic 3px leading-edge accent stripe (border-inline-start). */
+/** Semantic leading-edge accent stripe (border-inline-start; width via the
+ *  --card-accent-rail-width token, default 6px). */
 type CardAccent = "primary" | "success" | "warning" | "info" | "attention" | "destructive";
 /** Surface fill — plain card, muted band, borderless outline, or emphasized featured ring. */
 type CardVariant = "default" | "muted" | "outline" | "featured";

package/dist/styles/card-layout.css

@@ -55,9 +55,9 @@
     --card-space-body-y: var(--space-5);
   }
 
-  /* ── Accent edge — 3px semantic left stripe, content kept on the shell ─ */
+  /* ── Accent edge — semantic left stripe (token width), content on shell ─ */
   [data-slot="card"][data-accent] {
-    border-inline-start-width: 3px;
+    border-inline-start-width: var(--card-accent-rail-width);
   }
 
   [data-slot="card"][data-accent="primary"] {
@@ -87,7 +87,9 @@
   [data-slot="card"][data-accent] > [data-slot="card-header"],
   [data-slot="card"][data-accent] > [data-slot="card-content"]:not([data-flush]),
   [data-slot="card"][data-accent] > [data-slot="card-footer"]:not([data-flush]) {
-    padding-inline-start: calc(var(--card-space-inset) - 3px);
+    padding-inline-start: calc(
+      var(--card-space-inset) - var(--card-accent-rail-width)
+    );
   }
 
   /* ── Header ──────────────────────────────────────────────────────────── */

package/dist/styles/form-layout.css

@@ -20,14 +20,30 @@
   .ui-form-field {
     display: grid;
     gap: var(--field-label-gap);
+    /* Fill the container's inline (horizontal) axis in ANY parent — a Form's
+     * flex column (.ui-form), a ResponsiveGrid cell, or a bare flex column /
+     * block — instead of collapsing to the content's max-content width. This
+     * mirrors Ant Design's Form.Item, which sets the item/control to width:100%
+     * in vertical layout rather than relying on the parent to stretch it. Without
+     * this, a flex-column parent maps `align-self:start` onto the inline axis and
+     * the field shrinks to its widest content (a helper-less input collapses to
+     * its default ~20ch). Inline layout opts out below (Ant: compact, content-width). */
+    inline-size: 100%;
     /* Never stretch to a taller grid-row sibling (e.g. a field carrying a
      * helper/error). Stretching would let .ui-form-field-control's
      * align-content:center vertically centre the control, so a field WITHOUT a
      * helper sits lower than one WITH a helper in the same ResponsiveGrid row.
-     * Hugging content keeps every control top-aligned across the row. */
+     * Hugging content keeps every control top-aligned across the row. This is the
+     * BLOCK (vertical) axis only — width is pinned by inline-size:100% above. */
     align-self: start;
   }
 
+  /* Inline layout is intentionally compact (Ant: layout="inline"): the field
+   * hugs its content so a row of inline fields can sit side by side. */
+  .ui-form-field[data-layout="inline"] {
+    inline-size: auto;
+  }
+
   .ui-form-field-label {
     display: flex;
     align-items: center;

package/dist/tokens/components/card.css

@@ -20,6 +20,11 @@
    * --card-header-background-alpha: 0 for a quiet borderless-band header. */
   --card-header-border-bottom: 1px solid hsl(var(--card-border));
   --card-radius: var(--radius);
+  /* Accent edge — width of the semantic leading-edge stripe (data-accent).
+   * Tokenised (rule #44) so a service theme can re-tune it without forking CSS.
+   * The slot padding compensation in card-layout.css subtracts the same token,
+   * so content stays aligned on the shell whatever the rail width. */
+  --card-accent-rail-width: 6px;
   --stat-card-label-font-size: var(--font-size-xs);
   --stat-card-label-font-weight: var(--font-weight-medium);
   --stat-card-label-letter-spacing: 0.04em;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "13.17.2",
+  "version": "13.17.4",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,