UNPKG

@syncognito/maya

Version:

Maya Design System - Shared tokens and platform-specific components

452 lines 13.5 kB
export declare const typography: { readonly fontSize: { readonly xs: 12; readonly sm: 14; readonly base: 16; readonly lg: 18; readonly xl: 20; readonly '2xl': 24; readonly '3xl': 30; readonly '4xl': 36; }; readonly fontWeight: { readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeight: { readonly tight: 1.25; readonly normal: 1.4; readonly relaxed: 1.6; }; readonly fontFamily: { readonly sans: "Inter"; readonly mono: "JetBrains Mono"; }; }; export declare const spacing: { readonly xs: 4; readonly sm: 8; readonly md: 12; readonly lg: 16; readonly xl: 24; readonly '2xl': 32; readonly '3xl': 48; readonly '4xl': 64; readonly button: { readonly padding: { readonly sm: { readonly vertical: 8; readonly horizontal: 16; }; readonly md: { readonly vertical: 12; readonly horizontal: 24; }; readonly lg: { readonly vertical: 16; readonly horizontal: 32; }; }; readonly gap: 8; }; readonly card: { readonly padding: 16; readonly gap: 12; }; readonly form: { readonly gap: 12; readonly padding: 16; }; readonly table: { readonly padding: 8; readonly gap: 4; }; }; export declare const borderRadius: { readonly none: 0; readonly sm: 4; readonly md: 8; readonly lg: 12; readonly xl: 16; readonly full: 9999; }; export declare const shadows: { readonly none: { readonly shadowColor: "transparent"; readonly shadowOffset: { readonly width: 0; readonly height: 0; }; readonly shadowOpacity: 0; readonly shadowRadius: 0; readonly elevation: 0; }; readonly sm: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.05; readonly shadowRadius: 2; readonly elevation: 1; }; readonly md: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 2; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 4; readonly elevation: 3; }; readonly lg: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; readonly xl: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 8; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 15; readonly elevation: 8; }; readonly component: { readonly button: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.05; readonly shadowRadius: 2; readonly elevation: 1; }; readonly hover: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 2; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 4; readonly elevation: 3; }; }; readonly card: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 3; readonly elevation: 2; }; readonly elevated: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; }; readonly modal: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 10; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 25; readonly elevation: 10; }; }; readonly dropdown: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; }; }; }; export declare const zIndex: { readonly hide: -1; readonly auto: "auto"; readonly base: 0; readonly docked: 10; readonly dropdown: 1000; readonly sticky: 1100; readonly banner: 1200; readonly overlay: 1300; readonly modal: 1400; readonly popover: 1500; readonly skipLink: 1600; readonly toast: 1700; readonly tooltip: 1800; }; export declare const animation: { readonly duration: { readonly fast: 150; readonly normal: 300; readonly slow: 500; }; readonly easing: { readonly ease: "ease"; readonly easeIn: "ease-in"; readonly easeOut: "ease-out"; readonly easeInOut: "ease-in-out"; }; }; export declare const manushyaIshaTokens: { readonly borderRadius: { readonly none: 0; readonly sm: 4; readonly md: 8; readonly lg: 12; readonly xl: 16; readonly full: 9999; }; readonly zIndex: { readonly hide: -1; readonly auto: "auto"; readonly base: 0; readonly docked: 10; readonly dropdown: 1000; readonly sticky: 1100; readonly banner: 1200; readonly overlay: 1300; readonly modal: 1400; readonly popover: 1500; readonly skipLink: 1600; readonly toast: 1700; readonly tooltip: 1800; }; readonly animation: { readonly duration: { readonly fast: 150; readonly normal: 300; readonly slow: 500; }; readonly easing: { readonly ease: "ease"; readonly easeIn: "ease-in"; readonly easeOut: "ease-out"; readonly easeInOut: "ease-in-out"; }; }; readonly typography: { readonly fontSize: { readonly xs: 12; readonly sm: 14; readonly base: 16; readonly lg: 18; readonly xl: 20; readonly '2xl': 24; readonly '3xl': 30; readonly '4xl': 36; }; readonly fontWeight: { readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeight: { readonly tight: 1.25; readonly normal: 1.4; readonly relaxed: 1.6; }; readonly fontFamily: { readonly sans: "Inter"; readonly mono: "JetBrains Mono"; }; }; readonly spacing: { readonly xs: 4; readonly sm: 8; readonly md: 12; readonly lg: 16; readonly xl: 24; readonly '2xl': 32; readonly '3xl': 48; readonly '4xl': 64; readonly button: { readonly padding: { readonly sm: { readonly vertical: 8; readonly horizontal: 16; }; readonly md: { readonly vertical: 12; readonly horizontal: 24; }; readonly lg: { readonly vertical: 16; readonly horizontal: 32; }; }; readonly gap: 8; }; readonly card: { readonly padding: 16; readonly gap: 12; }; readonly form: { readonly gap: 12; readonly padding: 16; }; readonly table: { readonly padding: 8; readonly gap: 4; }; }; readonly shadows: { readonly none: { readonly shadowColor: "transparent"; readonly shadowOffset: { readonly width: 0; readonly height: 0; }; readonly shadowOpacity: 0; readonly shadowRadius: 0; readonly elevation: 0; }; readonly sm: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.05; readonly shadowRadius: 2; readonly elevation: 1; }; readonly md: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 2; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 4; readonly elevation: 3; }; readonly lg: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; readonly xl: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 8; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 15; readonly elevation: 8; }; readonly component: { readonly button: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.05; readonly shadowRadius: 2; readonly elevation: 1; }; readonly hover: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 2; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 4; readonly elevation: 3; }; }; readonly card: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 3; readonly elevation: 2; }; readonly elevated: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; }; readonly modal: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 10; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 25; readonly elevation: 10; }; }; readonly dropdown: { readonly default: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.1; readonly shadowRadius: 6; readonly elevation: 5; }; }; }; }; }; export type ManushyaIshaTokens = typeof manushyaIshaTokens; //# sourceMappingURL=tokens.d.ts.map