@kolkrabbi/kol-theme 0.116.0 → 0.118.0

package/kol-components-atoms.css

@@ -1342,8 +1342,15 @@ a.kol-icon-frame {
  * (ARCHITECTURE §5). The height pin travels with the size: Input pins its inner
  * field to the token's line-height (h-4 / h-[18px] / h-[22px]), so a 16px face
  * in an unlifted 16px box would clip. */
+/* `.kol-control--bare` is a MARKER, not chrome (OverlaySearchFieldZoomsIOS,
+ * 2026-09-01): SearchInput's `bare` body plan — the overlay palette's field —
+ * sits in a plain <label>, outside both shells, and was the field that put a
+ * whole mobile review in a zoomed page. The marker carries no rules of its
+ * own; it exists so the floor below keys on every body plan the DS ships,
+ * including the chrome-less one. */
 @media (pointer: coarse) {
   .kol-control input,
+  .kol-control--bare input,
   .kol-expand input {
     font-size: 16px;
     line-height: 22px;

package/kol-components-molecules.css

@@ -852,10 +852,12 @@
 /* LOOK ONLY — the call site owns the box. Three scrims exist and two are
  * `fixed inset-0` while one is `absolute inset-0`; baking position in would
  * have forced a wrong one on two of them. The class owns what was drifting:
- * the tint (60 / 50 / 50 across three files) and the blur. */
+ * the tint (60 / 50 / 50 across three files).
+ * NO BLUR (user ruling 2026-09-01, OverlayScrimBlur): the 1px blur bought a
+ * compositing layer on every overlay open, on a phone, for a separation the
+ * 60% tint already carries. */
 .kol-overlay-scrim {
   background-color: color-mix(in srgb, #000 60%, transparent);
-  backdrop-filter: blur(1px);
 }
 
 .kol-overlay-panel {
@@ -866,8 +868,8 @@
   /* NO BORDER, NO SHADOW (user 2026-08-01). Both were tried and both were
    * wrong: the shadow was another product's floating-card idiom, and the
    * hairline left an empty palette reading as a bordered empty box. The SCRIM
-   * is the separation — a 60% tint plus blur is already a stronger edge than
-   * an 8%-opacity line. */
+   * is the separation — a 60% tint is already a stronger edge than an
+   * 8%-opacity line. */
   /* `sm` — the radius this repo's chrome actually uses. */
   border-radius: var(--kol-radius-sm);
   /* NO SHADOW (user ruling 2026-08-01). The border and the scrim already
@@ -968,6 +970,26 @@
   min-height: var(--kol-row-h);
 }
 
+/* fixed BELOW the md container only, the floor above it
+ * (ContentRowShowcaseImageDrivenHeight, 2026-09-01): the showcase row's height
+ * is a function of the image — thumb + padding — and content fits inside it.
+ * `overflow: hidden` is deliberate here, not the silent-loss case: the rung is
+ * the design, the text truncates by ramp, and the tags line goes single-row
+ * below md so the cut lands on the chips. Released at md, where the floor in
+ * the container query below resumes. */
+.kol-row--fixed-sm {
+  height: var(--kol-row-h-sm);
+  min-height: var(--kol-row-h-sm);
+  overflow: hidden;
+}
+@container (min-width: 768px) {
+  .kol-row--fixed-sm {
+    height: auto;
+    min-height: var(--kol-row-min-h-md, var(--kol-row-min-h));
+    overflow: visible;
+  }
+}
+
 /* the divider is its OWN longhand, declared after the shorthand above so it
  * wins on order — `default`'s bottom rule is not the same thing as a framed
  * variant's border, and one property cannot carry both. */

package/kol-components-shell.css

@@ -17,8 +17,14 @@
    * the rail mounts. 0.80.0–0.87.x had it derive from the sidenav tokens,
    * while the rail WAS a collapsed SideNav; that is reversed. */
   --kol-shell-rail-width: 48px;
-  /* Page gutter — PageShell's padding and PageBleed's negative margin. */
-  --kol-shell-page-pad: 48px;
+  /* Page gutter — PageShell's padding and PageBleed's negative margin.
+   * RESPONSIVE (ShellPagePadFixedOnMobile, kol-chess 2026-09-01): fixed 48 put
+   * 96px of gutter on a 390 phone — 24.6% of the viewport — and set Settings
+   * ~35pt from the edge while every .kol-page sibling sat ~15pt. The floor is
+   * 20, the estate's px-5 mobile floor; 5vw reaches 48 at 960 and desktop does
+   * not move. PageBleed's negative margin reads the same token, so the pair
+   * cannot drift. */
+  --kol-shell-page-pad: clamp(20px, 5vw, 48px);
 }
 
 /* ── NavRail ────────────────────────────────────────────────────────────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.116.0",
+  "version": "0.118.0",
   "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
   "license": "MIT",
   "type": "module",