@kolkrabbi/kol-theme 0.52.0 → 0.53.0

package/kol-components-atoms.css

@@ -533,6 +533,14 @@
 }
 
 /* track scales with size */
+/* disabled (SettingsPanel, 2026-08-26): the switch had no disabled treatment
+ * at all — a control that cannot act in this context read exactly like one
+ * that can. Same pair .kol-control:disabled wears. */
+.toggle-switch:disabled {
+  opacity: var(--kol-opacity-disabled);
+  cursor: not-allowed;
+}
+
 .toggle-switch--sm .toggle-switch-indicator { width: 16px; height: 10px; }
 .toggle-switch--sm .toggle-switch-indicator::after { width: 6px; height: 6px; }
 .toggle-switch--lg .toggle-switch-indicator { width: 24px; height: 14px; }
@@ -693,7 +701,6 @@
  * .kol-sidenav-hop-label    label slot — collapses to display:none in
  *                           rail mode (responsive cascade in framework.css)
  * .kol-sidenav-link         nav link with active-dot indicator
- * .kol-sidenav-group        small vertical wrapper
  *
  * Layout/sizing/responsive collapse rules stay in kol-framework.css
  * (they're page-grid concerns, not component chrome).
@@ -727,9 +734,11 @@
   color: var(--kol-accent-primary);
 }
 
-.kol-sidenav-group {
-  padding: 4px 0 4px;
-}
+/* .kol-sidenav-group — RETIRED here 0.52.1 (sidenav-nested-groups): the
+ * elder's `padding: 4px 0` wrapper, dead since the 2026-08-09 port dropped
+ * group rendering. The group's box now lives in kol-framework.css beside the
+ * hop and list rules; a consumer that nests the framework import under the
+ * theme's layer (the showcase does) had this rule outranking that one. */
 
 /* The rail leaf had NO focus treatment at all (ThreeColumnEditorShell §3,
  * kol-fxr 2026-08-15) — only .is-active and its dot — so it fell through to

package/kol-components-organisms.css

@@ -480,19 +480,20 @@
   background: var(--kol-surface-primary);
 }
 
-/* The browser is the same body with no card around it — it fills whatever
- * box the consumer gives it, so a page can host it full-bleed. */
+/* The browser is the same body with no card around it — in flow, it takes the
+ * width the consumer gives it. Tiles at 260 (MediaLibraryReconcile, kol-r2b2
+ * 2026-08-26 — FileList's `minmax(260px, 1fr)`; the picker keeps 10rem
+ * because its card is 64rem wide). */
 .kol-media-browser {
   display: flex;
   flex-direction: column;
   width: 100%;
-  height: 100%;
-  --kol-media-tile-min: 10rem;
+  --kol-media-tile-min: 16.25rem;
 }
 
 .kol-media-grid {
   display: grid;
-  gap: var(--kol-spacing-4);
+  gap: var(--kol-spacing-3);
   grid-template-columns: repeat(auto-fill, minmax(var(--kol-media-tile-min), 1fr));
   list-style: none;
   margin: 0;
@@ -507,25 +508,26 @@
   padding: 0;
 }
 
-/* One folder row in the tree. Finder's list model: the chevron discloses in
- * place, so the parent never leaves the screen and there is no breadcrumb
- * stacked above a divider. Same row idiom as the rails — a drill-down and a
- * nav row are the same gesture. */
+/* One folder row — CLICK-TO-ENTER (MediaLibraryReconcile, 2026-08-26): the
+ * row is FileList's — icon box · name · trailing chevron-right over a
+ * hairline — and clicking it enters the prefix; the breadcrumb steps back.
+ * Finder's disclose-in-place chevron (2026-08-01) is gone, not a variant. */
 .kol-media-folder {
   display: flex;
   align-items: center;
-  gap: var(--kol-spacing-2);
-  padding-block: var(--kol-pad-rail-row-y);
+  gap: var(--kol-spacing-3);
+  padding: var(--kol-spacing-2) var(--kol-spacing-1);
+  border-bottom: 1px solid var(--kol-fg-08);
   border-radius: var(--kol-radius-sm);
   cursor: pointer;
   transition: background-color var(--kol-transition-fast);
 }
 
 .kol-media-folder:hover {
-  background: var(--kol-oq-04);
+  background: var(--kol-fg-04);
 }
 
-/* The path bar rides the FOOT, where Finder puts it. */
+/* The picker's path bar rides the FOOT of its card. */
 .kol-media-pathbar {
   display: flex;
   align-items: center;

package/package.json

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