@kolkrabbi/kol-theme 0.8.0 → 0.9.1

package/kol-components-atoms.css

@@ -711,84 +711,6 @@
 }
 
 
-/* ═══════════════════════════════════════════════════════════════
- * Section label typography — promoted from residual kol-components.css.
- * Used by molecules/SectionLabel.jsx. Mono variants + compact variants.
- * Typography-adjacent; lives here because consumed by atom-tier
- * components (SectionLabel etc.).
- * ═══════════════════════════════════════════════════════════════ */
-
-.kol-label-mono-sm {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 470;
-  font-size: clamp(14px, 1.5vw, 24px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label-mono-md {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 470;
-  font-size: clamp(12px, 1vw, 16px);
-  line-height: 125%;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label-mono-xs {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 470;
-  font-size: clamp(10px, 0.8vw, 14px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label-compact-lg {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 500;
-  font-size: clamp(24px, 2vw, 28px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label-compact-md {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 500;
-  font-size: clamp(12px, 1vw, 16px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 470;
-  font-size: clamp(14px, 1.5vw, 24px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--kol-surface-on-primary);
-}
-
-.kol-label-compact {
-  font-family: var(--kol-font-family-mono);
-  font-weight: 500;
-  font-size: clamp(12px, 1vw, 16px);
-  line-height: 100%;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-  color: var(--kol-surface-on-primary);
-}
-
-
 /* ═══════════════════════════════════════════════════════════════
  * Icon-swap utility — promoted from residual kol-components.css.
  * Used by molecules/SectionLabel.jsx and any <button>/<a> with

package/kol-components-chess.css

@@ -97,6 +97,57 @@
   z-index: 1;
 }
 
+/* board input (brief 3.0) — selection wash + legal-target marks; amber
+ * rides the same highlight language as --highlighted so it reads on all
+ * six board themes */
+.chess-square--interactive {
+  cursor: pointer;
+}
+
+.chess-square--selected::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-color: rgba(251, 191, 36, 0.55);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.chess-square--target::before {
+  content: '';
+  position: absolute;
+  left: 36%;
+  top: 36%;
+  width: 28%;
+  height: 28%;
+  border-radius: 999px;
+  background-color: rgba(251, 191, 36, 0.7);
+  pointer-events: none;
+  z-index: 2;
+}
+
+.chess-square--target-capture::before {
+  content: '';
+  position: absolute;
+  inset: 6%;
+  border: 3px solid rgba(251, 191, 36, 0.7);
+  border-radius: 999px;
+  pointer-events: none;
+  z-index: 11; /* over the piece (its wrapper is z-10) */
+}
+
+/* armed palette cell (edit mode) — same amber, unmissable */
+.chess-palette--armed {
+  background-color: rgba(251, 191, 36, 0.35);
+  box-shadow: inset 0 0 0 2px rgba(251, 191, 36, 0.9);
+}
+
+/* sideline moves in notation carry the board's amber; color-mix keeps
+ * contrast on both themes (leans ink on light, cream on dark) */
+.kol-btn.chess-notation-sideline {
+  color: color-mix(in srgb, #f59e0b 72%, var(--kol-surface-on-primary));
+}
+
 .chess-board__coordinate-label {
   display: inline-flex;
   align-items: center;

package/kol-typography-mono.css

@@ -14,7 +14,7 @@
  */
 
 /* =============================================================================
- * FONT-FACE — JetBrains Mono (4 weights: 400, 500, 500i, 600)
+ * FONT-FACE — JetBrains Mono (6 faces: 400, 400i, 500, 500i, 600, 600i)
  * ============================================================================= */
 
 @font-face {
@@ -25,6 +25,14 @@
   font-display: swap;
 }
 
+@font-face {
+  font-family: 'JetBrains Mono';
+  src: url('/fonts/jetbrains-mono/JetBrainsMono-Italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
 @font-face {
   font-family: 'JetBrains Mono';
   src: url('/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2');
@@ -49,6 +57,14 @@
   font-display: swap;
 }
 
+@font-face {
+  font-family: 'JetBrains Mono';
+  src: url('/fonts/jetbrains-mono/JetBrainsMono-SemiBoldItalic.woff2') format('woff2');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
 /* =============================================================================
  * FAMILY TOKEN + TAILWIND CONTRACT
  *

package/package.json

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