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