UNPKG

@syncognito/maya

Version:

Maya Design System - Shared tokens and platform-specific components

257 lines 8.65 kB
export declare const typography: { readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly base: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "1.875rem"; readonly '4xl': "2.25rem"; readonly '5xl': "3rem"; readonly '6xl': "3.75rem"; readonly '7xl': "4.5rem"; readonly '8xl': "6rem"; readonly '9xl': "8rem"; }; readonly fontWeight: { readonly thin: "100"; readonly extralight: "200"; readonly light: "300"; readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; readonly extrabold: "800"; readonly black: "900"; }; readonly lineHeight: { readonly none: "1"; readonly tight: "1.25"; readonly snug: "1.375"; readonly normal: "1.5"; readonly relaxed: "1.625"; readonly loose: "2"; }; readonly fontFamily: { readonly sans: "ui-sans-serif, system-ui, sans-serif"; readonly serif: "ui-serif, Georgia, serif"; readonly mono: "ui-monospace, SFMono-Regular, monospace"; }; }; export declare const spacing: { readonly 0: "0"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 11: "2.75rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; readonly 28: "7rem"; readonly 32: "8rem"; readonly 36: "9rem"; readonly 40: "10rem"; readonly 44: "11rem"; readonly 48: "12rem"; readonly 52: "13rem"; readonly 56: "14rem"; readonly 60: "15rem"; readonly 64: "16rem"; readonly 72: "18rem"; readonly 80: "20rem"; readonly 96: "24rem"; readonly sm: "0.5rem"; readonly md: "1rem"; readonly lg: "1.5rem"; readonly xl: "2rem"; readonly button: { readonly padding: { readonly sm: "0.375rem 0.75rem"; readonly md: "0.5rem 1rem"; readonly lg: "0.75rem 1.5rem"; }; readonly gap: "0.5rem"; }; readonly card: { readonly padding: "1rem"; }; }; export declare const shadows: { readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"; readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"; readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"; readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.25)"; readonly inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"; readonly none: "none"; readonly component: { readonly button: { readonly default: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly hover: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; }; readonly card: { readonly default: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; readonly elevated: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"; }; }; }; export declare const akashSharedTokens: { readonly borderRadius: { readonly none: 0; readonly sm: 2; readonly md: 4; readonly lg: 8; readonly xl: 12; readonly full: 9999; }; readonly zIndex: { readonly base: 0; readonly dropdown: 1000; readonly modal: 2000; readonly tooltip: 3000; readonly overlay: 4000; readonly toast: 5000; }; readonly animation: { readonly fast: "150ms"; readonly normal: "300ms"; readonly slow: "500ms"; readonly easing: { readonly ease: "ease"; readonly easeIn: "ease-in"; readonly easeOut: "ease-out"; readonly easeInOut: "ease-in-out"; }; }; readonly typography: { readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly base: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "1.875rem"; readonly '4xl': "2.25rem"; readonly '5xl': "3rem"; readonly '6xl': "3.75rem"; readonly '7xl': "4.5rem"; readonly '8xl': "6rem"; readonly '9xl': "8rem"; }; readonly fontWeight: { readonly thin: "100"; readonly extralight: "200"; readonly light: "300"; readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; readonly extrabold: "800"; readonly black: "900"; }; readonly lineHeight: { readonly none: "1"; readonly tight: "1.25"; readonly snug: "1.375"; readonly normal: "1.5"; readonly relaxed: "1.625"; readonly loose: "2"; }; readonly fontFamily: { readonly sans: "ui-sans-serif, system-ui, sans-serif"; readonly serif: "ui-serif, Georgia, serif"; readonly mono: "ui-monospace, SFMono-Regular, monospace"; }; }; readonly spacing: { readonly 0: "0"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 11: "2.75rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; readonly 28: "7rem"; readonly 32: "8rem"; readonly 36: "9rem"; readonly 40: "10rem"; readonly 44: "11rem"; readonly 48: "12rem"; readonly 52: "13rem"; readonly 56: "14rem"; readonly 60: "15rem"; readonly 64: "16rem"; readonly 72: "18rem"; readonly 80: "20rem"; readonly 96: "24rem"; readonly sm: "0.5rem"; readonly md: "1rem"; readonly lg: "1.5rem"; readonly xl: "2rem"; readonly button: { readonly padding: { readonly sm: "0.375rem 0.75rem"; readonly md: "0.5rem 1rem"; readonly lg: "0.75rem 1.5rem"; }; readonly gap: "0.5rem"; }; readonly card: { readonly padding: "1rem"; }; }; readonly shadows: { readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"; readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)"; readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"; readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.25)"; readonly inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"; readonly none: "none"; readonly component: { readonly button: { readonly default: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly hover: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; }; readonly card: { readonly default: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)"; readonly elevated: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)"; }; }; }; }; export type AkashSharedTokens = typeof akashSharedTokens; //# sourceMappingURL=tokens.d.ts.map