@syncognito/maya
Version:
Maya Design System - Shared tokens and platform-specific components
61 lines • 2.29 kB
JavaScript
// Import web shared tokens
import { akashSharedTokens } from '../tokens';
// User-specific tokens (extends web shared)
export const typography = {
...akashSharedTokens.typography,
fontSize: {
...akashSharedTokens.typography.fontSize,
base: '1rem', // Comfortable base font (was 1.125rem)
lg: '1.125rem', // Comfortable lg font (was 1.25rem)
xl: '1.25rem', // Comfortable xl font (was 1.5rem)
'2xl': '1.5rem', // Comfortable 2xl font (was 1.875rem)
'3xl': '1.875rem', // Comfortable 3xl font (was 2.25rem)
'4xl': '2.25rem', // Comfortable 4xl font (was 3rem)
},
};
export const spacing = {
...akashSharedTokens.spacing,
md: '0.875rem', // Comfortable spacing (was 1rem)
lg: '1.25rem', // Comfortable spacing (was 1.5rem)
xl: '1.75rem', // Comfortable spacing (was 2rem)
button: {
...akashSharedTokens.spacing.button,
padding: {
...akashSharedTokens.spacing.button.padding,
sm: '0.5rem 1rem', // Comfortable button padding
md: '0.75rem 1.5rem', // Comfortable button padding
lg: '1rem 2rem', // Comfortable button padding
},
},
card: {
...akashSharedTokens.spacing.card,
padding: '1.25rem', // Comfortable card padding (was 1.5rem)
},
};
export const shadows = {
...akashSharedTokens.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: {
...akashSharedTokens.shadows.component,
button: {
...akashSharedTokens.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: {
...akashSharedTokens.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 manushyaAkashTokens = {
...akashSharedTokens,
typography,
spacing,
shadows,
};
//# sourceMappingURL=tokens.js.map