@kolkrabbi/kol-theme 0.71.0 → 0.72.0

package/kol-components-atoms.css

@@ -1145,6 +1145,26 @@ a.kol-icon-frame {
   border: 1px solid transparent;
 }
 
+/* PlayDisc — the Finder play/pause disc on a media tile (PlayDiscAndVideoBar,
+ * kol-r2b2 2026-08-27): a round `IconFrame secondary lg radius="full"`, hidden
+ * at rest, shown on hover of the tile (`.kol-media-tile`) or on focus, over
+ * full-bleed artwork. Declared AFTER the variants so it wins in-layer — the
+ * consumer no longer restates bg-fg-inverse-64 / border-fg-96 beside the
+ * variant. Absolute colours: it sits on artwork, not on the theme. NO
+ * backdrop-filter — it flips the tile onto a composited layer on hover and the
+ * artwork's saturation jumps (Chrome). */
+.kol-play-disc {
+  background-color: color-mix(in srgb, var(--kol-surface-on-inverse) 64%, transparent);
+  color: var(--kol-color-absolute-white);
+  border: 2px solid color-mix(in srgb, var(--kol-surface-on-primary) 96%, transparent);
+  box-shadow: 0 0 4px 3.5px rgba(0, 0, 0, 0.4);
+  opacity: 0;
+  transition: opacity var(--kol-transition-base);
+}
+.kol-play-disc svg { color: inherit; }
+.kol-media-tile:hover .kol-play-disc,
+.kol-play-disc:focus-visible { opacity: 1; }
+
 /* ═══════════════════════════════════════════════════════════════
  * ThemeToggle — .kol-theme-toggle
  *

package/package.json

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