@kolkrabbi/kol-theme 0.148.0 → 0.150.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1295,7 +1295,10 @@
1295
1295
  --kol-ql-header-h: 44px;
1296
1296
  --kol-ql-footer-h: 0px;
1297
1297
  --kol-ql-frame-h: 88vh;
1298
- --kol-ql-max-w: calc(100vw - 4rem);
1298
+ /* On a phone the window meets `.kol-overlay`'s own 24px padding and no more (touch pass
1299
+ 2026-09-23: 32px gutters left a 326px reading column at 390 — now 342). The old 32 from md
1300
+ up. Min-width only — breakpoints law #3 */
1301
+ --kol-ql-max-w: calc(100vw - 3rem);
1299
1302
  --kol-ql-media-h: calc(var(--kol-ql-frame-h) - var(--kol-ql-header-h) - var(--kol-ql-footer-h) - 2px);
1300
1303
  position: relative;
1301
1304
  display: flex;
@@ -1308,6 +1311,7 @@
1308
1311
  border-radius: var(--kol-radius-md);
1309
1312
  overflow: hidden;
1310
1313
  }
1314
+ @media (min-width: 768px) { .kol-quicklook { --kol-ql-max-w: calc(100vw - 4rem); } }
1311
1315
  /* a sized window (the corner was dragged): the body takes all of it, media centred inside */
1312
1316
  .kol-quicklook--sized { max-width: none; }
1313
1317
  /* THE HEADER'S CONTROLS WEAR THE CLOSE IDIOM (`Button variant="nav"`), whose hover wash is oq-04 —
@@ -850,6 +850,18 @@
850
850
  background: var(--kol-oq-08);
851
851
  pointer-events: none;
852
852
  }
853
+ /* THE DISCLOSURE'S TAP TARGET IS WIDER THAN ITS DRAWING (touch pass 2026-09-23: a 14px-wide
854
+ target). The chevron column stays 14 so zone 3 keeps its 74; the hit area reaches into the
855
+ row's 16px left padding and the 8px gap — 38 × the row's 60 — and stops at the icon, which
856
+ is the row's own tap (open). */
857
+ .kol-column-browser-disclose { position: relative; }
858
+ .kol-column-browser-disclose::after {
859
+ content: '';
860
+ position: absolute;
861
+ inset-block: 0;
862
+ left: -16px;
863
+ right: -8px;
864
+ }
853
865
  /* the thumbnail fills its box and crops — a media tile is the image, not a
854
866
  letterboxed one */
855
867
  .kol-column-browser-thumb img,
@@ -855,52 +855,6 @@
855
855
  font-weight: 500;
856
856
  }
857
857
 
858
- /* =============================================================================
859
- * RETIRED — the elder display voice (DisplayTightRamp, 2026-08-27). Four
860
- * aliases onto the ramp above, each keeping the uppercase its contract baked
861
- * in so nothing un-caps on the bump; the swap adds `uppercase` at the call
862
- * site. Tracked in docs/operations/01-release/04-retirements.md — dropped when
863
- * no repo uses them (`pnpm retirements`), the gate fails at 30 days unimported.
864
- * Elder `kol-heading-display` (never carried) → kol-sans-display-01 likewise.
865
- * ============================================================================= */
866
-
867
- /* @deprecated 2026-08-27 → kol-sans-display-01 */
868
- .kol-display-lg {
869
- font-family: var(--kol-font-family-sans-tight);
870
- font-size: var(--kol-text-display-01);
871
- line-height: 100%;
872
- font-weight: 500;
873
- text-transform: uppercase;
874
- color: var(--kol-fg-emphasis);
875
- }
876
-
877
- /* @deprecated 2026-08-27 → kol-sans-display-02 */
878
- .kol-display-section {
879
- font-family: var(--kol-font-family-sans-tight);
880
- font-size: var(--kol-text-display-02);
881
- line-height: 100%;
882
- font-weight: 500;
883
- text-transform: uppercase;
884
- }
885
-
886
- /* @deprecated 2026-08-27 → kol-sans-display-03 */
887
- .kol-display-section-sm {
888
- font-family: var(--kol-font-family-sans-tight);
889
- font-size: var(--kol-text-display-03);
890
- line-height: 100%;
891
- font-weight: 500;
892
- text-transform: uppercase;
893
- }
894
-
895
- /* @deprecated 2026-08-27 → kol-sans-display-03 */
896
- .kol-display-subsection {
897
- font-family: var(--kol-font-family-sans-tight);
898
- font-size: var(--kol-text-display-03);
899
- line-height: 100%;
900
- font-weight: 500;
901
- text-transform: uppercase;
902
- }
903
-
904
858
  /* =============================================================================
905
859
  * HEADINGS — H1+H2 sans Narrow, H3-H5 sans Compact, weight 500.
906
860
  * 01 = H1 anchor (matches prose H1). The narrow/compact boundary moved down
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kolkrabbi/kol-theme",
3
- "version": "0.148.0",
3
+ "version": "0.150.0",
4
4
  "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
5
5
  "license": "MIT",
6
6
  "type": "module",