@bonizario-ignite-ui/tokens
Version:
Ignite UI design tokens
80 lines (72 loc) • 1.93 kB
text/typescript
declare const colors: {
readonly white: "#FFF";
readonly black: "#000";
readonly gray100: "#E1E1E6";
readonly gray200: "#A9A9B2";
readonly gray400: "#7C7C8A";
readonly gray500: "#505059";
readonly gray600: "#323238";
readonly gray700: "#29292E";
readonly gray800: "#202024";
readonly gray900: "#121214";
readonly ignite300: "#00B37E";
readonly ignite500: "#00875F";
readonly ignite700: "#015F43";
readonly ignite900: "#00291D";
};
declare const fontSizes: {
readonly xxs: "0.625rem";
readonly xs: "0.75rem";
readonly sm: "0.875rem";
readonly md: "1rem";
readonly lg: "1.125rem";
readonly xl: "1.25rem";
readonly '2xl': "1.5rem";
readonly '4xl': "2rem";
readonly '5xl': "2.25rem";
readonly '6xl': "3rem";
readonly '7xl': "4rem";
readonly '8xl': "4.5rem";
readonly '9xl': "6rem";
};
declare const fontWeights: {
readonly regular: "400";
readonly medium: "500";
readonly bold: "700";
};
declare const fonts: {
readonly default: "Roboto, sans-serif";
readonly code: "monospace";
};
declare const lineHeights: {
readonly shorter: "125%";
readonly short: "140%";
readonly base: "160%";
readonly tall: "180%";
};
declare const radii: {
readonly px: "1px";
readonly xs: "4px";
readonly sm: "6px";
readonly md: "8px";
readonly lg: "16px";
readonly full: "99999px";
};
declare const space: {
readonly 1: "0.25rem";
readonly 2: "0.5rem";
readonly 3: "0.75rem";
readonly 4: "1rem";
readonly 5: "1.25rem";
readonly 6: "1.5rem";
readonly 7: "1.75rem";
readonly 8: "2rem";
readonly 10: "2.5rem";
readonly 12: "3rem";
readonly 16: "4rem";
readonly 20: "5rem";
readonly 40: "10rem";
readonly 64: "16rem";
readonly 80: "20rem";
};
export { colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };