@naarni/design-system
Version:
Naarni React Native Design System for EV Fleet Apps
277 lines • 6.21 kB
TypeScript
export declare const fontFamily: {
sans: {
regular: string;
medium: string;
semibold: string;
bold: string;
};
mono: {
regular: string;
medium: string;
bold: string;
};
};
export declare const fontWeight: {
thin: string;
extralight: string;
light: string;
regular: string;
medium: string;
semibold: string;
bold: string;
extrabold: string;
black: string;
};
export declare const fontSize: {
xs: number;
sm: number;
base: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
'4xl': number;
'5xl': number;
'6xl': number;
};
export declare const lineHeight: {
none: number;
tight: number;
snug: number;
normal: number;
relaxed: number;
loose: number;
};
export declare const letterSpacing: {
tighter: number;
tight: number;
normal: number;
wide: number;
wider: number;
widest: number;
};
export declare const textStyle: {
h1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h3: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h4: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h5: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h6: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
body1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
body2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
subtitle1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
subtitle2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
button: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
caption: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
overline: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
code: {
fontFamily: string;
fontSize: number;
lineHeight: number;
};
};
export declare const typography: {
fontFamily: {
sans: {
regular: string;
medium: string;
semibold: string;
bold: string;
};
mono: {
regular: string;
medium: string;
bold: string;
};
};
fontWeight: {
thin: string;
extralight: string;
light: string;
regular: string;
medium: string;
semibold: string;
bold: string;
extrabold: string;
black: string;
};
fontSize: {
xs: number;
sm: number;
base: number;
lg: number;
xl: number;
'2xl': number;
'3xl': number;
'4xl': number;
'5xl': number;
'6xl': number;
};
lineHeight: {
none: number;
tight: number;
snug: number;
normal: number;
relaxed: number;
loose: number;
};
letterSpacing: {
tighter: number;
tight: number;
normal: number;
wide: number;
wider: number;
widest: number;
};
textStyle: {
h1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h3: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h4: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h5: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
h6: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
body1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
body2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
subtitle1: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
subtitle2: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
button: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
caption: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
overline: {
fontFamily: string;
fontSize: number;
lineHeight: number;
letterSpacing: number;
};
code: {
fontFamily: string;
fontSize: number;
lineHeight: number;
};
};
};
//# sourceMappingURL=typography.d.ts.map