@syncognito/maya
Version:
Maya Design System - Shared tokens and platform-specific components
61 lines • 2.07 kB
JavaScript
// Import web shared tokens
import { webSharedTokens } from '../tokens';
// Vishnu-specific tokens (extends web shared)
export const typography = {
...webSharedTokens.typography,
fontSize: {
...webSharedTokens.typography.fontSize,
base: '0.875rem', // Smaller base font for admin
lg: '1rem', // Smaller lg font
xl: '1.125rem', // Smaller xl font
'2xl': '1.25rem', // Smaller 2xl font
'3xl': '1.5rem', // Smaller 3xl font
'4xl': '1.875rem', // Smaller 4xl font
},
};
export const spacing = {
...webSharedTokens.spacing,
md: '0.5rem', // Tighter spacing
lg: '0.75rem', // Tighter spacing
xl: '1rem', // Tighter spacing
button: {
...webSharedTokens.spacing.button,
padding: {
...webSharedTokens.spacing.button.padding,
sm: '0.25rem 0.5rem', // Tighter button padding
md: '0.375rem 0.75rem', // Tighter button padding
lg: '0.5rem 1rem', // Tighter button padding
},
},
card: {
...webSharedTokens.spacing.card,
padding: '0.75rem', // Tighter card padding
},
};
export const shadows = {
...webSharedTokens.shadows,
sm: '0 1px 1px 0 rgba(0, 0, 0, 0.03)', // More subtle
md: '0 1px 3px 0 rgba(0, 0, 0, 0.08)', // More subtle
lg: '0 2px 4px -1px rgba(0, 0, 0, 0.08)', // More subtle
component: {
...webSharedTokens.shadows.component,
button: {
...webSharedTokens.shadows.component.button,
default: '0 1px 1px 0 rgba(0, 0, 0, 0.03)', // More subtle
hover: '0 1px 3px 0 rgba(0, 0, 0, 0.08)', // More subtle
},
card: {
...webSharedTokens.shadows.component.card,
default: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', // More subtle
elevated: '0 2px 4px -1px rgba(0, 0, 0, 0.08)', // More subtle
},
},
};
// Export all vishnu tokens
export const vishnuTokens = {
...webSharedTokens,
typography,
spacing,
shadows,
};
//# sourceMappingURL=tokens.js.map