UNPKG

@mtec-solutions-org/design-system

Version:

A React Native Web design system library with theme and components

github.com/mtech-ai-solutions/design-system

mtech-ai-solutions/design-system

77 lines • 2.4 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
export declare const darkTheme: { readonly colors: { readonly primary: "#4A90E2"; readonly secondary: "#2C3E50"; readonly secondaryDark: "#1A252F"; readonly success: "#27AE60"; readonly warning: "#F39C12"; readonly error: "#E74C3C"; readonly text: "#FFFFFF"; readonly textSecondary: "#B0B0B0"; readonly background: "#121212"; readonly disabled: "#666666"; readonly white: "#FFFFFF"; readonly black: "#000000"; }; readonly space: [0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 56, 64]; readonly fontSizes: [12, 14, 16, 18, 20, 24, 28, 32, 36, 42, 48]; readonly fonts: { readonly body: "System"; readonly heading: "System"; readonly monospace: "Menlo, monospace"; }; readonly fontWeights: { readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeights: { readonly tight: 1.2; readonly normal: 1.4; readonly relaxed: 1.6; }; readonly breakpoints: ["480px", "768px", "1024px", "1280px", "1536px"]; readonly radii: { readonly none: 0; readonly sm: 4; readonly md: 8; readonly lg: 12; readonly xl: 16; readonly full: 9999; }; readonly shadows: { readonly sm: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 1; }; readonly shadowOpacity: 0.05; readonly shadowRadius: 1; 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: 2; }; readonly lg: { readonly shadowColor: "#000000"; readonly shadowOffset: { readonly width: 0; readonly height: 4; }; readonly shadowOpacity: 0.15; readonly shadowRadius: 8; readonly elevation: 4; }; }; }; export default darkTheme; //# sourceMappingURL=darkTheme.d.ts.map