eventx-design-system
Version:
Design System do EventX
477 lines • 10.3 kB
TypeScript
export declare const colors: {
brand: {
primary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
secondary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
semantic: {
success: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
error: {
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;
};
info: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
};
};
export declare const typography: {
fontFamily: {
primary: string;
secondary: string;
mono: string;
};
fontSize: {
xs: string;
sm: string;
base: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
'6xl': string;
'7xl': string;
'8xl': string;
'9xl': string;
};
fontWeight: {
thin: number;
extralight: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
};
lineHeight: {
none: number;
tight: number;
snug: number;
normal: number;
relaxed: number;
loose: number;
};
letterSpacing: {
tighter: string;
tight: string;
normal: string;
wide: string;
wider: string;
widest: string;
};
};
export declare const spacing: {
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
14: string;
16: string;
18: string;
20: string;
22: string;
24: string;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
56: string;
60: string;
64: string;
72: string;
80: string;
96: string;
};
export declare const borderRadius: {
none: string;
sm: string;
base: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
full: string;
};
export declare const shadows: {
sm: string;
base: string;
md: string;
lg: string;
xl: string;
'2xl': string;
inner: string;
none: string;
};
export declare const breakpoints: {
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
};
export declare const zIndex: {
0: number;
10: number;
20: number;
30: number;
40: number;
50: number;
auto: string;
dropdown: number;
sticky: number;
fixed: number;
modal: number;
popover: number;
tooltip: number;
};
export declare const transitions: {
duration: {
75: string;
100: string;
150: string;
200: string;
300: string;
500: string;
700: string;
1000: string;
};
easing: {
linear: string;
in: string;
out: string;
inOut: string;
};
};
export declare const tokens: {
colors: {
brand: {
primary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
secondary: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
};
neutral: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
950: string;
};
semantic: {
success: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
error: {
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;
};
info: {
50: string;
100: string;
200: string;
300: string;
400: string;
500: string;
600: string;
700: string;
800: string;
900: string;
};
};
};
typography: {
fontFamily: {
primary: string;
secondary: string;
mono: string;
};
fontSize: {
xs: string;
sm: string;
base: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
'4xl': string;
'5xl': string;
'6xl': string;
'7xl': string;
'8xl': string;
'9xl': string;
};
fontWeight: {
thin: number;
extralight: number;
light: number;
normal: number;
medium: number;
semibold: number;
bold: number;
extrabold: number;
black: number;
};
lineHeight: {
none: number;
tight: number;
snug: number;
normal: number;
relaxed: number;
loose: number;
};
letterSpacing: {
tighter: string;
tight: string;
normal: string;
wide: string;
wider: string;
widest: string;
};
};
spacing: {
0: string;
1: string;
2: string;
3: string;
4: string;
5: string;
6: string;
7: string;
8: string;
9: string;
10: string;
11: string;
12: string;
14: string;
16: string;
18: string;
20: string;
22: string;
24: string;
28: string;
32: string;
36: string;
40: string;
44: string;
48: string;
52: string;
56: string;
60: string;
64: string;
72: string;
80: string;
96: string;
};
borderRadius: {
none: string;
sm: string;
base: string;
md: string;
lg: string;
xl: string;
'2xl': string;
'3xl': string;
full: string;
};
shadows: {
sm: string;
base: string;
md: string;
lg: string;
xl: string;
'2xl': string;
inner: string;
none: string;
};
breakpoints: {
sm: string;
md: string;
lg: string;
xl: string;
'2xl': string;
};
zIndex: {
0: number;
10: number;
20: number;
30: number;
40: number;
50: number;
auto: string;
dropdown: number;
sticky: number;
fixed: number;
modal: number;
popover: number;
tooltip: number;
};
transitions: {
duration: {
75: string;
100: string;
150: string;
200: string;
300: string;
500: string;
700: string;
1000: string;
};
easing: {
linear: string;
in: string;
out: string;
inOut: string;
};
};
};
//# sourceMappingURL=design-tokens.d.ts.map