Skip to content

Commit cfe4cab

Browse files
committed
fix(tokens): add motion tokens and compatibility aliases for TypeScript errors
- Add tokens.motion with duration and easing values for animation timing - Add tokens.zIndex.notifications alias for compatibility - Add sizes.layout.panelHeader for AuxiliaryBar panel header height Resolves TypeScript errors in AuxiliaryBar, NotificationCenter, ToastManager, and other components that reference tokens.motion and related properties. AGENT1 Core & App Shell Analysis
1 parent fa0d99a commit cfe4cab

File tree

1 file changed

+23
-0
lines changed
  • cortex-gui/src/design-system/tokens

1 file changed

+23
-0
lines changed

cortex-gui/src/design-system/tokens/index.ts

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -222,6 +222,7 @@ export const zIndex = {
222222
popover: 'var(--z-popover)',
223223
tooltip: 'var(--z-tooltip)',
224224
notification: 'var(--z-notification)',
225+
notifications: 'var(--z-notification)', // Alias for compatibility
225226
max: 'var(--z-max)',
226227
} as const;
227228

@@ -235,6 +236,26 @@ export const transitions = {
235236
slow: 'var(--transition-slow)',
236237
} as const;
237238

239+
// =============================================================================
240+
// MOTION TOKENS (for animation timing)
241+
// =============================================================================
242+
243+
export const motion = {
244+
duration: {
245+
instant: '50ms',
246+
fast: '100ms',
247+
normal: '200ms',
248+
slow: '300ms',
249+
},
250+
easing: {
251+
standard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
252+
easeIn: 'cubic-bezier(0.4, 0.0, 1, 1)',
253+
easeOut: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
254+
easeInOut: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
255+
spring: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
256+
},
257+
} as const;
258+
238259
// =============================================================================
239260
// SIZE TOKENS
240261
// =============================================================================
@@ -252,6 +273,7 @@ export const sizes = {
252273
tab: 'var(--height-tab)',
253274
titlebar: 'var(--height-titlebar)',
254275
statusbar: 'var(--height-statusbar)',
276+
panelHeader: 'var(--height-panel-header, 35px)',
255277
sidebar: 'var(--width-sidebar)',
256278
sidebarMin: 'var(--width-sidebar-min)',
257279
activityBar: 'var(--width-activitybar)',
@@ -431,6 +453,7 @@ export const tokens = {
431453
shadows,
432454
zIndex,
433455
transitions,
456+
motion,
434457
sizes,
435458
components,
436459
vibeColors,

0 commit comments

Comments
 (0)