@godxjp/ui 18.15.2 → 18.15.4

package/dist/styles/card-layout.css

@@ -258,13 +258,25 @@
     padding-top: var(--card-space-body-y);
   }
 
-  /* Flush / tight body — symmetric plain header band */
-  [data-slot="card"]:has([data-slot="card-content"][data-tight]:not(:has([data-slot="tabs-list"])))
+  /* Flush / tight body — symmetric plain header band.
+   *
+   * NOT written as `:has(…[data-tight]:not(:has(tabs-list)))`: the Selectors 4 spec forbids
+   * `:has()` anywhere inside `:has()`, and Chrome drops the WHOLE rule as invalid
+   * (CSS.supports=false, measured on Chrome 151) — the symmetric band never applied. Same
+   * failure class as the headerAlign selector (505f0e6): in the file, correct-looking, selects
+   * nothing. So: apply to every tight body, then the tabs case below restores the shell top. */
+  [data-slot="card"]:has([data-slot="card-content"][data-tight])
     [data-slot="card-header"]:not([data-banded]) {
     padding-top: var(--card-space-body-y);
     padding-bottom: var(--card-space-body-y);
   }
 
+  /* Tabs in a tight body: only the bottom band is managed (rule below) — keep the shell top. */
+  [data-slot="card"]:has([data-slot="card-content"][data-tight] [data-slot="tabs-list"])
+    [data-slot="card-header"]:not([data-banded]) {
+    padding-top: var(--card-space-shell-y, var(--card-space-inset));
+  }
+
   [data-slot="card"]:has([data-slot="card-content"][data-tight] [data-slot="tabs-list"])
     [data-slot="card-header"] {
     padding-bottom: var(--card-space-body-y);
@@ -283,15 +295,23 @@
     padding-bottom: var(--card-space-body-y);
   }
 
-  [data-slot="card"]:has(
-      [data-slot="card-header"]:has([data-slot="card-action"]):not(
-          :has([data-slot="card-description"])
-        )
-    )
-    [data-slot="card-content"]:not([data-tight]) {
+  /* NOT `:has(header:has(action):not(:has(description)))` — nested `:has()` is spec-invalid
+   * and Chrome drops the whole rule (measured, Chrome 151), so the toolbar body never lost its
+   * top padding. Valid equivalent: zero it for any header-hosted action, then the described
+   * (non-toolbar) header restores the gap in the equal-specificity rule after this one. */
+  /* Both halves of the pair exclude [data-flush]: flush content zeroes its padding by its own
+   * contract, and the description half would otherwise OVERRIDE that zero and float a flush
+   * table 18px off its header (measured on a consumer 関連ファイル section, gh#307). */
+  [data-slot="card"]:has([data-slot="card-header"] [data-slot="card-action"])
+    [data-slot="card-content"]:not([data-tight]):not([data-flush]) {
     padding-top: 0;
   }
 
+  [data-slot="card"]:has([data-slot="card-header"] [data-slot="card-description"])
+    [data-slot="card-content"]:not([data-tight]):not([data-flush]) {
+    padding-top: var(--card-space-body-y);
+  }
+
   /* Header-only card — terminal slot owns bottom shell */
   [data-slot="card"]:not(:has([data-slot="card-content"], [data-slot="card-footer"]))
     [data-slot="card-header"] {

package/dist/styles/table-layout.css

@@ -349,11 +349,15 @@
 
   /* A bordered table sitting FLUSH inside a Card already has the card's frame around it —
    * its own outer frame doubles up as two nested rounded borders (measured on
-   * customer-inquiries detail: TABLE 1px inside .ui-card 1px, gh#305). Drop only the outer
-   * frame; the vertical column rules above and TableRow's horizontal rules stay, so the
-   * grid inside the card is unchanged. A bordered table NOT in a flush card keeps its frame. */
+   * customer-inquiries detail: TABLE 1px inside .ui-card 1px, gh#305). Drop the three edges
+   * that coincide with the card frame, but KEEP border-block-start: the top edge meets the
+   * CardHeader area, not the card border, and without it the header band floats with no
+   * separating line (measured on a rental detail's 出荷伝票一覧 section, gh#306). The
+   * vertical column rules above and TableRow's horizontal rules stay, so the grid inside
+   * the card is unchanged. A bordered table NOT in a flush card keeps its full frame. */
   [data-slot="card-content"][data-flush] .ui-table-bordered {
     border: 0;
+    border-block-start: 1px solid var(--table-border-color, hsl(var(--border)));
   }
 }
 

package/package.json

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