@kolkrabbi/kol-theme 0.200.2 → 0.200.4

package/README.md

@@ -40,6 +40,6 @@ Tailwind v4 **does not scan `node_modules`**, so layout utilities emitted inside
 
 ## Fonts
 
-The typography CSS references the brand fonts at absolute paths (`/fonts/right-grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts. **Public Sans is not one of them** (0.195.0): only the document sheet (`.kol-sheet`, kol-framework's `MarkdownPage`) sets it, and an app that renders one loads it by Google Fonts link — `https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap`.
+The typography CSS references the brand fonts at absolute paths (`/fonts/right-grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts. **Public Sans is not one of them** (0.195.0): only the document sheet (`.kol-sheet`, kol-framework's `MarkdownPage`) and the sans tab row (`--kol-font-family-sans-neutral`, TabsRow `type="sans"`, 0.200.3) set it, and an app that renders either loads it by Google Fonts link — `https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap`.
 
 Pure CSS — no JS, no dependencies.

package/kol-components-atoms.css

@@ -1455,10 +1455,11 @@ a.kol-icon-frame {
 .kol-scroll-fade--x[data-fade-right] { --kol-scroll-fade-right: 2rem; }
 /* a tab row wider than its column (TabsRow `overflow="scroll"`): one line, scrolled sideways, no scrollbar; the row
  * takes its own width and at least the column's, so a trailing control still sits at the right */
-/* THE md TAB'S GLYPH (TabsRow `size="md"`, 2026-10-29 — the user's ref is Adobe's solid tab icons; review 8: *"the problem …
- * was thickness and stroke"*): the set's 1.5 stroke reads thin beside medium-weight 14px text, so the glyph takes a 2 stroke here.
- * A property beats the path's attribute. */
-.kol-tab-md svg * { stroke-width: 2; }
+/* THE SANS TAB (TabsRow `type="sans"`): the neutral sans he asked to try (*"try public sans?"*), 14px. Its glyph keeps the
+ * set's 1.5 stroke (his word, 2026-10-30 — a 2 stroke was tried in 0.200.2 and read heavy against the 300 text). */
+.kol-tab-sans { font-family: var(--kol-font-family-sans-neutral); }
+/* …and the same row on the mono (TabsRow `type="mono-light"`, his word 2026-10-30: *"just like this one but mono, JetBrains Mono, keep it light"*) */
+.kol-tab-mono-light { font-family: var(--kol-font-family-mono); }
 .kol-tabs-scroll {
   display: flex;
   overflow-x: auto;

package/kol-opaque.css

@@ -202,6 +202,24 @@
 .hover\:text-oq-88:hover { color: var(--kol-oq-88); }
 .hover\:text-oq-96:hover { color: var(--kol-oq-96); }
 
+/* group-hover (2026-10-30): the same steps lit by a `.group` ancestor — a tab's glyph brightening with its label.
+ * Tailwind cannot write these for a colour it does not own; the `hover:` set above had them, this set did not. */
+.group:hover .group-hover\:text-oq-01 { color: var(--kol-oq-01); }
+.group:hover .group-hover\:text-oq-02 { color: var(--kol-oq-02); }
+.group:hover .group-hover\:text-oq-04 { color: var(--kol-oq-04); }
+.group:hover .group-hover\:text-oq-08 { color: var(--kol-oq-08); }
+.group:hover .group-hover\:text-oq-12 { color: var(--kol-oq-12); }
+.group:hover .group-hover\:text-oq-16 { color: var(--kol-oq-16); }
+.group:hover .group-hover\:text-oq-24 { color: var(--kol-oq-24); }
+.group:hover .group-hover\:text-oq-32 { color: var(--kol-oq-32); }
+.group:hover .group-hover\:text-oq-40 { color: var(--kol-oq-40); }
+.group:hover .group-hover\:text-oq-48 { color: var(--kol-oq-48); }
+.group:hover .group-hover\:text-oq-64 { color: var(--kol-oq-64); }
+.group:hover .group-hover\:text-oq-72 { color: var(--kol-oq-72); }
+.group:hover .group-hover\:text-oq-80 { color: var(--kol-oq-80); }
+.group:hover .group-hover\:text-oq-88 { color: var(--kol-oq-88); }
+.group:hover .group-hover\:text-oq-96 { color: var(--kol-oq-96); }
+
 .hover\:text-oq-inverse-01:hover { color: var(--kol-oq-inverse-01); }
 .hover\:text-oq-inverse-02:hover { color: var(--kol-oq-inverse-02); }
 .hover\:text-oq-inverse-04:hover { color: var(--kol-oq-inverse-04); }

package/kol-typography.css

@@ -732,6 +732,7 @@
    * headings, lede), base for body, Tight for display 01–04 (since 0.59.0).
    * Atomic classes follow the same convention. */
   --kol-font-family-sans:         'Right Grotesk', sans-serif;
+  --kol-font-family-sans-neutral: 'Public Sans', sans-serif; /* TabsRow type="sans" (2026-10-29). Declared nowhere in kol-theme: the app that renders it adds the Google Fonts css2 link (PublicSansByLink, his ruling 2026-10-28 — hosted cuts were wrong, 2026-10-30) */
   --kol-font-family-sans-narrow:  'Right Grotesk Narrow', 'Right Grotesk', sans-serif;
   --kol-font-family-sans-compact: 'Right Grotesk Compact', 'Right Grotesk', sans-serif;
   --kol-font-family-sans-tight:   'Right Grotesk Tight', 'Right Grotesk', sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.200.2",
+  "version": "0.200.4",
   "description": "Tokens and base CSS",
   "license": "MIT",
   "type": "module",