@kolkrabbi/kol-theme 0.115.0 → 0.117.0

package/kol-animation.css

@@ -279,12 +279,21 @@
  * showed nothing at 3% while dark UI screenshots beside them read correctly.
  * The card publishes `--kol-card-feature-zoom` from its `zoom` prop; 1.03 is
  * the fallback, so nothing moves for anyone who does not set it. */
-.kol-card-feature:hover .kol-card-feature-visual {
+/* ONE TREATMENT, TWO WAYS IN (CardSetInViewAttention, kol-website 2026-08-31).
+ * `data-attention` is stamped by the card when it holds the viewport's centre on
+ * a coarse pointer, and it is added to the SAME rule the hover uses rather than
+ * given rules of its own — two parallel sets would drift, and the whole reason
+ * this state exists is that variance was already costing more than the
+ * behaviour. On a phone a card is an anchor: a tap navigates, so hover was never
+ * reachable and the zoom simply never fired. */
+.kol-card-feature:hover .kol-card-feature-visual,
+.kol-card-feature[data-attention] .kol-card-feature-visual {
   transform: scale(var(--kol-card-feature-zoom, 1.03));
 }
 @media (prefers-reduced-motion: reduce) {
   .kol-card-feature-visual { transition: none; }
-  .kol-card-feature:hover .kol-card-feature-visual { transform: none; }
+  .kol-card-feature:hover .kol-card-feature-visual,
+  .kol-card-feature[data-attention] .kol-card-feature-visual { transform: none; }
 }
 
 /* Media hover zoom — opt-in via `mediaHover` (SectionSplit ruling, 2026-08-15).

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.115.0",
+  "version": "0.117.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",