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

63 lines • 1.91 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
export declare const baseTheme: { 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 baseTheme; //# sourceMappingURL=baseTheme.d.ts.map