@frank-auth/react
Version:
Flexible and customizable React UI components for Frank Authentication
382 lines • 9.27 kB
TypeScript
export declare const colorTokens: {
primary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
secondary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
success: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
warning: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
danger: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
};
export declare const tokens: {
colors: {
light: {
background: {
primary: string;
secondary: string;
tertiary: string;
};
content: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
foreground: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
text: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
border: {
primary: string;
secondary: string;
tertiary: string;
focus: string;
};
divider: {
primary: string;
secondary: string;
};
overlay: {
primary: string;
secondary: string;
};
primary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
secondary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
success: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
warning: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
danger: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
};
dark: {
background: {
primary: string;
secondary: string;
tertiary: string;
};
content: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
foreground: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
text: {
primary: string;
secondary: string;
tertiary: string;
quaternary: string;
inverse: string;
};
border: {
primary: string;
secondary: string;
tertiary: string;
focus: string;
};
divider: {
primary: string;
secondary: string;
};
overlay: {
primary: string;
secondary: string;
};
primary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
secondary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
success: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
warning: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
danger: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
};
};
spacing: {
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
8: string;
10: string;
12: string;
16: string;
20: string;
24: string;
32: string;
};
fontSizes: {
xs: string;
sm: string;
base: string;
lg: string;
xl: string;
"2xl": string;
"3xl": string;
"4xl": string;
};
fontWeights: {
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
};
lineHeights: {
tight: number;
normal: number;
relaxed: number;
};
borderRadius: {
none: string;
sm: string;
base: string;
md: string;
lg: string;
xl: string;
"2xl": string;
full: string;
};
shadows: {
xs: string;
sm: string;
base: string;
md: string;
lg: string;
xl: string;
};
transitions: {
fast: string;
normal: string;
slow: string;
};
zIndex: {
hide: number;
auto: string;
base: number;
docked: number;
dropdown: number;
sticky: number;
banner: number;
overlay: number;
modal: number;
popover: number;
tooltip: number;
toast: number;
};
};
//# sourceMappingURL=tokens.d.ts.map