@kolkrabbi/kol-theme 0.147.0 → 0.149.0

package/kol-components-molecules.css

@@ -1295,7 +1295,10 @@
   --kol-ql-header-h: 44px;
   --kol-ql-footer-h: 0px;
   --kol-ql-frame-h: 88vh;
-  --kol-ql-max-w: calc(100vw - 4rem);
+  /* On a phone the window meets `.kol-overlay`'s own 24px padding and no more (touch pass
+     2026-09-23: 32px gutters left a 326px reading column at 390 — now 342). The old 32 from md
+     up. Min-width only — breakpoints law #3 */
+  --kol-ql-max-w: calc(100vw - 3rem);
   --kol-ql-media-h: calc(var(--kol-ql-frame-h) - var(--kol-ql-header-h) - var(--kol-ql-footer-h) - 2px);
   position: relative;
   display: flex;
@@ -1308,6 +1311,7 @@
   border-radius: var(--kol-radius-md);
   overflow: hidden;
 }
+@media (min-width: 768px) { .kol-quicklook { --kol-ql-max-w: calc(100vw - 4rem); } }
 /* a sized window (the corner was dragged): the body takes all of it, media centred inside */
 .kol-quicklook--sized { max-width: none; }
 /* THE HEADER'S CONTROLS WEAR THE CLOSE IDIOM (`Button variant="nav"`), whose hover wash is oq-04 —
@@ -1435,8 +1439,11 @@
   border-radius: var(--kol-radius-md);
   overflow: hidden;
 }
+/* A PREVIEW FITS THE BOX, it is not merely capped by it (user 2026-09-24: a 24px favicon.svg drew
+ * at 24px in a 190px tile). `max-*` only ever shrank; Finder fits every preview to the tile, large
+ * or small, keeping its proportions. */
 .kol-media-tile-thumb > img,
-.kol-media-tile-thumb > video { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--kol-radius-sm); }
+.kol-media-tile-thumb > video { width: 100%; height: 100%; object-fit: contain; border-radius: var(--kol-radius-sm); }
 .kol-media-tile-thumb > .kol-media-thumb { border-radius: var(--kol-radius-sm); }
 .kol-media-tile-name {
   max-width: 100%;
@@ -1522,7 +1529,10 @@
   zoom: var(--kol-thumb-zoom, 0.34);
   height: 100%;
   width: 100%;
-  padding: 12px;
+  /* THE PAGE KEEPS ITS MARGIN AT TILE SCALE (user 2026-09-24: text ran to the tile's edge while the
+   * pane's preview has margins). This padding is in PAGE space and the page is zoomed to ~0.2, so
+   * 12px drew as 2px; 40px lands at ~5.5% of the tile — the pane's 16px, proportionally. */
+  padding: 40px;
   overflow: hidden;
   background: transparent;
   border-radius: 0;

package/kol-components-organisms.css

@@ -850,6 +850,18 @@
   background: var(--kol-oq-08);
   pointer-events: none;
 }
+/* THE DISCLOSURE'S TAP TARGET IS WIDER THAN ITS DRAWING (touch pass 2026-09-23: a 14px-wide
+   target). The chevron column stays 14 so zone 3 keeps its 74; the hit area reaches into the
+   row's 16px left padding and the 8px gap — 38 × the row's 60 — and stops at the icon, which
+   is the row's own tap (open). */
+.kol-column-browser-disclose { position: relative; }
+.kol-column-browser-disclose::after {
+  content: '';
+  position: absolute;
+  inset-block: 0;
+  left: -16px;
+  right: -8px;
+}
 /* the thumbnail fills its box and crops — a media tile is the image, not a
    letterboxed one */
 .kol-column-browser-thumb img,

package/package.json

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