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 lightTheme: { readonly colors: { readonly primary: "#3578d1"; readonly secondary: "#EFF3F8"; readonly secondaryDark: "#D6DFEA"; readonly success: "#34C759"; readonly warning: "#FF9500"; readonly error: "#FF3B30"; readonly text: "#1F1F1F"; readonly textSecondary: "#707070"; readonly background: "#F9F9FA"; readonly disabled: "#8E8E93"; 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 lightTheme; //# sourceMappingURL=lightTheme.d.ts.map