UNPKG

@dbs-portal/core-theme

Version:

Theme management, styling utilities, and design tokens for DBS Portal

github.com/your-org/dbs-portal

your-org/dbs-portal

126 lines • 3.7 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/** * Design tokens for spacing * Using a consistent 4px base unit system */ export declare const spacing: { readonly 0: "0px"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 11: "2.75rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; readonly 28: "7rem"; readonly 32: "8rem"; readonly 36: "9rem"; readonly 40: "10rem"; readonly 44: "11rem"; readonly 48: "12rem"; readonly 52: "13rem"; readonly 56: "14rem"; readonly 60: "15rem"; readonly 64: "16rem"; readonly 72: "18rem"; readonly 80: "20rem"; readonly 96: "24rem"; }; export declare const componentSpacing: { readonly button: { readonly paddingX: { readonly xs: "0.5rem"; readonly sm: "0.75rem"; readonly md: "1rem"; readonly lg: "1.5rem"; readonly xl: "2rem"; }; readonly paddingY: { readonly xs: "0.25rem"; readonly sm: "0.375rem"; readonly md: "0.5rem"; readonly lg: "0.625rem"; readonly xl: "0.75rem"; }; readonly gap: "0.5rem"; }; readonly input: { readonly paddingX: { readonly sm: "0.625rem"; readonly md: "0.75rem"; readonly lg: "1rem"; }; readonly paddingY: { readonly sm: "0.375rem"; readonly md: "0.5rem"; readonly lg: "0.625rem"; }; }; readonly card: { readonly padding: { readonly sm: "1rem"; readonly md: "1.5rem"; readonly lg: "2rem"; }; readonly gap: "1rem"; }; readonly modal: { readonly padding: "1.5rem"; readonly gap: "1rem"; }; readonly layout: { readonly containerPadding: { readonly sm: "1rem"; readonly md: "1.5rem"; readonly lg: "2rem"; }; readonly sectionGap: { readonly sm: "2rem"; readonly md: "3rem"; readonly lg: "4rem"; }; readonly contentGap: { readonly sm: "1rem"; readonly md: "1.5rem"; readonly lg: "2rem"; }; }; }; export declare const borderRadius: { readonly none: "0px"; readonly sm: "0.125rem"; readonly base: "0.25rem"; readonly md: "0.375rem"; readonly lg: "0.5rem"; readonly xl: "0.75rem"; readonly xxl: "1rem"; readonly '3xl': "1.5rem"; readonly full: "9999px"; }; export declare const boxShadow: { readonly none: "none"; readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)"; readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"; readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"; readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"; readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"; readonly xxl: "0 25px 50px -12px rgb(0 0 0 / 0.25)"; readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"; }; export type Spacing = keyof typeof spacing; export type BorderRadius = keyof typeof borderRadius; export type BoxShadow = keyof typeof boxShadow; //# sourceMappingURL=spacing.d.ts.map