From 9350829345b9e2e823744874376a82f22554ea79 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Thu, 14 May 2026 20:18:08 -0700
Subject: [PATCH] fix(design-tokens): add --bl-* alias layer to chronomind.css
 for @bytelyst/ui compatibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Root cause: @bytelyst/ui components reference --bl-* tokens but chronomind.css
only defined --cm-* tokens. This caused all shared UI components to fall back
to hardcoded defaults, breaking the visual appearance.

Adds 31 --bl-* → --cm-* CSS custom property aliases matching the pattern
already used in tokens.css (--bl-* → --ml-*).
---
 .../design-tokens/generated/chronomind.css    | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/packages/design-tokens/generated/chronomind.css b/packages/design-tokens/generated/chronomind.css
index 8e9d6426..f1b5a051 100644
--- a/packages/design-tokens/generated/chronomind.css
+++ b/packages/design-tokens/generated/chronomind.css
@@ -70,6 +70,37 @@
   --cm-motion-base: 220ms;
   --cm-motion-slow: 320ms;
   --cm-easing-standard: cubic-bezier(0.2, 0.0, 0.2, 1);
+
+  /* ── @bytelyst/ui alias layer (--bl-* → --cm-*) ──────────────── */
+  --bl-bg-canvas: var(--cm-bg-canvas);
+  --bl-bg-elevated: var(--cm-bg-elevated);
+  --bl-surface-card: var(--cm-surface-card);
+  --bl-surface-muted: var(--cm-surface-muted);
+  --bl-surface-highlight: color-mix(in oklab, var(--cm-surface-muted) 82%, white);
+  --bl-surface-overlay: color-mix(in oklab, var(--cm-bg-canvas) 88%, transparent);
+  --bl-input: color-mix(in oklab, var(--cm-surface-muted) 76%, var(--cm-bg-canvas));
+  --bl-border: var(--cm-border-default);
+  --bl-border-strong: var(--cm-border-strong);
+  --bl-border-subtle: color-mix(in oklab, var(--cm-border-default) 62%, transparent);
+  --bl-text-primary: var(--cm-text-primary);
+  --bl-text-secondary: var(--cm-text-secondary);
+  --bl-text-tertiary: var(--cm-text-tertiary);
+  --bl-text-quiet: color-mix(in oklab, var(--cm-text-secondary) 78%, var(--cm-bg-canvas));
+  --bl-accent: var(--cm-accent-primary);
+  --bl-accent-foreground: var(--cm-bg-canvas);
+  --bl-accent-muted: color-mix(in oklab, var(--cm-accent-primary) 16%, transparent);
+  --bl-info: var(--cm-accent-primary);
+  --bl-info-muted: color-mix(in oklab, var(--cm-accent-primary) 14%, transparent);
+  --bl-success: var(--cm-success);
+  --bl-success-muted: color-mix(in oklab, var(--cm-success) 14%, transparent);
+  --bl-warning: var(--cm-warning);
+  --bl-warning-muted: color-mix(in oklab, var(--cm-warning) 14%, transparent);
+  --bl-danger: var(--cm-danger);
+  --bl-danger-muted: color-mix(in oklab, var(--cm-danger) 14%, transparent);
+  --bl-danger-foreground: var(--cm-bg-canvas);
+  --bl-focus-ring: var(--cm-focus-ring);
+  --bl-focus-ring-muted: color-mix(in oklab, var(--cm-accent-primary) 18%, transparent);
+  --bl-overlay-scrim: var(--cm-overlay-scrim);
 }
 
 [data-theme="light"] {