UNPKG

6.36 kBTypeScriptView Raw
1import { Omit } from './common-types';
2interface ColorVariants {
3 main: string;
4 light?: string;
5 dark?: string;
6 semilight?: string;
7}
8export declare const breakpoints: number[];
9export declare const space: number[];
10export declare const fontSizes: number[];
11export declare const weights: number[];
12export declare const radius = 3;
13export declare const font = "'Source Sans Pro', Arial, sans-serif";
14export declare const monospace = "'Ubuntu Mono', 'Courier New', monospace";
15export declare const lineHeight = 1.5;
16export declare const header: {
17 height: string;
18};
19declare const theme: {
20 breakpoints: number[];
21 space: number[];
22 fontSizes: number[];
23 weights: number[];
24 font: string;
25 monospace: string;
26 lineHeight: number;
27 colors: {
28 primary: {
29 main: string;
30 semilight: string;
31 light: string;
32 dark: string;
33 };
34 secondary: {
35 main: string;
36 semilight: string;
37 light: string;
38 dark: string;
39 };
40 tertiary: {
41 main: string;
42 light: string;
43 semilight: string;
44 dark: string;
45 };
46 quartenary: {
47 main: string;
48 light: string;
49 dark: string;
50 };
51 danger: {
52 main: string;
53 semilight: string;
54 light: string;
55 dark: string;
56 };
57 warning: {
58 main: string;
59 semilight: string;
60 light: string;
61 dark: string;
62 };
63 success: {
64 main: string;
65 semilight: string;
66 light: string;
67 dark: string;
68 };
69 info: {
70 main: string;
71 semilight: string;
72 light: string;
73 dark: string;
74 };
75 text: {
76 main: string;
77 light: string;
78 dark: string;
79 };
80 statusIdle: {
81 main: string;
82 };
83 statusConfiguring: {
84 main: string;
85 };
86 statusUpdating: {
87 main: string;
88 };
89 statusPostProvisioning: {
90 main: string;
91 };
92 statusOffline: {
93 main: string;
94 };
95 statusInactive: {
96 main: string;
97 };
98 gray: {
99 main: string;
100 light: string;
101 dark: string;
102 };
103 };
104 radius: number;
105 header: {
106 height: string;
107 };
108 global: {
109 font: {
110 family: string;
111 size: string;
112 height: number;
113 };
114 control: {
115 disabled: {
116 opacity: number;
117 };
118 border: {
119 radius: string;
120 color: string;
121 };
122 };
123 colors: {
124 focus: string;
125 placeholder: string;
126 };
127 selected: {
128 background: string;
129 };
130 hover: {
131 background: {
132 color: string;
133 opacity: number;
134 };
135 color: {
136 dark: string;
137 light: string;
138 };
139 };
140 active: {
141 background: {
142 color: string;
143 opacity: number;
144 };
145 color: {
146 dark: string;
147 light: string;
148 };
149 };
150 drop: {
151 border: {
152 radius: string;
153 };
154 zIndex: number;
155 extend: string;
156 };
157 input: {
158 weight: string | number;
159 };
160 };
161 button: {
162 height: string;
163 font: {
164 weight: string | number;
165 size: string;
166 };
167 border: {
168 width: string;
169 radius: string;
170 color: string;
171 };
172 padding: {
173 horizontal: string;
174 };
175 };
176 navBar: {
177 font: {
178 size: string;
179 };
180 };
181 radioButton: {
182 border: {
183 width: string;
184 color: {
185 dark: string;
186 light: string;
187 };
188 };
189 hover: {
190 border: {
191 color: {
192 dark: string;
193 light: string;
194 };
195 };
196 };
197 check: {
198 color: {
199 dark: string;
200 light: string;
201 };
202 };
203 icon: {
204 size: string;
205 };
206 gap: string;
207 size: string;
208 };
209 select: {
210 icons: {
211 color: string;
212 };
213 control: {
214 extend: string;
215 };
216 };
217 layer: {
218 container: {
219 zIndex: number;
220 };
221 zIndex: number;
222 };
223 text: {
224 medium: {
225 size: string;
226 height: number;
227 };
228 };
229 tab: {
230 extend: string;
231 color: string;
232 margin: string;
233 border: {
234 size: string;
235 color: string;
236 active: {
237 color: string;
238 };
239 hover: {
240 color: string;
241 };
242 };
243 hover: {
244 color: string;
245 };
246 active: {
247 color: string;
248 };
249 };
250 checkBox: {
251 size: string;
252 color: string;
253 border: {
254 color: {
255 dark: string;
256 light: string;
257 };
258 width: string;
259 };
260 check: {
261 radius: string;
262 thickness: string;
263 };
264 hover: {
265 border: {
266 color: {
267 dark: string;
268 light: string;
269 };
270 };
271 };
272 toggle: {
273 color: {
274 dark: string;
275 light: string;
276 };
277 radius: string;
278 size: string;
279 knob: {};
280 };
281 };
282 accordion: {
283 border: {
284 side: string;
285 };
286 };
287};
288export default theme;
289export interface Theme extends Omit<typeof theme, 'colors'> {
290 header: {
291 height: string;
292 };
293 colors: Record<string, ColorVariants>;
294}