@syncognito/maya
Version:
Maya Design System - Shared tokens and platform-specific components
257 lines • 8.65 kB
TypeScript
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