@kolkrabbi/kol-theme 0.52.1 → 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; }

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.1",
+  "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",