bytelyst/learning_ai_common_plat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(design-tokens): add --bl-* alias layer to chronomind.css for @bytelyst/ui compatibility

Browse Source 
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-*).
This commit is contained in:
saravanakumardb1 2026-05-14 20:18:08 -07:00
parent 83caf264df
commit 9350829345
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/design-tokens/generated/chronomind.css
View File

@ -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"] {