8ab0da6041
Update color tokens, motion, spacing, typography. Enhance ThemeProvider and ThemeSwitcher. Refine layout components (Header, Sidebar, Navbar, MobileBottomNav, DashboardLayout). CSS overhaul in index.css. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
57 lines
857 B
TypeScript
57 lines
857 B
TypeScript
/**
|
|
* SUMI Design System v4.0 — Spacing & Layout Tokens
|
|
*
|
|
* Source of truth: apps/web/src/index.css
|
|
*/
|
|
|
|
export const spacing = {
|
|
'0.5': '2px',
|
|
'1': '4px',
|
|
'1.5': '6px',
|
|
'2': '8px',
|
|
'2.5': '10px',
|
|
'3': '12px',
|
|
'4': '16px',
|
|
'5': '20px',
|
|
'6': '24px',
|
|
'8': '32px',
|
|
'10': '40px',
|
|
'12': '48px',
|
|
'16': '64px',
|
|
'20': '80px',
|
|
} as const;
|
|
|
|
export const radius = {
|
|
xs: '2px',
|
|
sm: '4px',
|
|
md: '6px',
|
|
lg: '12px',
|
|
xl: '16px',
|
|
'2xl': '20px',
|
|
full: '9999px',
|
|
} as const;
|
|
|
|
export const zIndex = {
|
|
base: 0,
|
|
raised: 10,
|
|
dropdown: 100,
|
|
sticky: 200,
|
|
overlay: 300,
|
|
modal: 400,
|
|
popover: 500,
|
|
toast: 600,
|
|
tooltip: 700,
|
|
max: 999,
|
|
} as const;
|
|
|
|
export const layout = {
|
|
maxWidth: '1400px',
|
|
maxWidthContent: '1200px',
|
|
} as const;
|
|
|
|
export const spacingTokens = {
|
|
spacing,
|
|
radius,
|
|
zIndex,
|
|
layout,
|
|
} as const;
|