@syncognito/maya
Version:
Maya Design System - Shared tokens and platform-specific components
61 lines • 2.15 kB
JavaScript
// Import web shared tokens
import { webSharedTokens } from '../tokens';
// User-specific tokens (extends web shared)
export const typography = {
...webSharedTokens.typography,
fontSize: {
...webSharedTokens.typography.fontSize,
base: '1.125rem', // Larger base font for user-friendly interface
lg: '1.25rem', // Larger lg font
xl: '1.5rem', // Larger xl font
'2xl': '1.875rem', // Larger 2xl font
'3xl': '2.25rem', // Larger 3xl font
'4xl': '3rem', // Larger 4xl font
},
};
export const spacing = {
...webSharedTokens.spacing,
md: '1rem', // More comfortable spacing
lg: '1.5rem', // More comfortable spacing
xl: '2rem', // More comfortable spacing
button: {
...webSharedTokens.spacing.button,
padding: {
...webSharedTokens.spacing.button.padding,
sm: '0.5rem 1rem', // More comfortable button padding
md: '0.75rem 1.5rem', // More comfortable button padding
lg: '1rem 2rem', // More comfortable button padding
},
},
card: {
...webSharedTokens.spacing.card,
padding: '1.5rem', // More comfortable card padding
},
};
export const shadows = {
...webSharedTokens.shadows,
sm: '0 2px 4px 0 rgba(0, 0, 0, 0.08)', // More prominent
md: '0 4px 8px -2px rgba(0, 0, 0, 0.12)', // More prominent
lg: '0 8px 16px -4px rgba(0, 0, 0, 0.12)', // More prominent
component: {
...webSharedTokens.shadows.component,
button: {
...webSharedTokens.shadows.component.button,
default: '0 2px 4px 0 rgba(0, 0, 0, 0.08)', // More prominent
hover: '0 4px 8px -2px rgba(0, 0, 0, 0.12)', // More prominent
},
card: {
...webSharedTokens.shadows.component.card,
default: '0 2px 8px 0 rgba(0, 0, 0, 0.1)', // More prominent
elevated: '0 8px 16px -4px rgba(0, 0, 0, 0.12)', // More prominent
},
},
};
// Export all user tokens
export const userTokens = {
...webSharedTokens,
typography,
spacing,
shadows,
};
//# sourceMappingURL=tokens.js.map