UNPKG

9.94 kBTypeScriptView Raw
1/// <reference types="react" />
2/// <reference types="@emotion/core" />
3import { ThemeProps, ThemeTokens, ThemeMode, ThemeFallbacks } from './types';
4export declare const fallbacks: ThemeFallbacks;
5export declare const baseTheme: {
6 background: {
7 default: {
8 default: {
9 light: string;
10 dark: string;
11 };
12 hover: {
13 light: string;
14 dark: string;
15 };
16 active: {
17 light: string;
18 dark: string;
19 };
20 disabled: {
21 light: string;
22 dark: string;
23 };
24 selected: {
25 light: string;
26 dark: string;
27 };
28 focusSelected: {
29 light: string;
30 dark: string;
31 };
32 };
33 primary: {
34 default: {
35 light: string;
36 dark: string;
37 };
38 hover: {
39 light: string;
40 dark: string;
41 };
42 active: {
43 light: string;
44 dark: string;
45 };
46 disabled: {
47 light: string;
48 dark: string;
49 };
50 selected: {
51 light: string;
52 dark: string;
53 };
54 focusSelected: {
55 light: string;
56 dark: string;
57 };
58 };
59 warning: {
60 default: {
61 light: string;
62 dark: string;
63 };
64 hover: {
65 light: string;
66 dark: string;
67 };
68 active: {
69 light: string;
70 dark: string;
71 };
72 disabled: {
73 light: string;
74 dark: string;
75 };
76 selected: {
77 light: string;
78 dark: string;
79 };
80 focusSelected: {
81 light: string;
82 dark: string;
83 };
84 };
85 danger: {
86 default: {
87 light: string;
88 dark: string;
89 };
90 hover: {
91 light: string;
92 dark: string;
93 };
94 active: {
95 light: string;
96 dark: string;
97 };
98 disabled: {
99 light: string;
100 dark: string;
101 };
102 selected: {
103 light: string;
104 dark: string;
105 };
106 focusSelected: {
107 light: string;
108 dark: string;
109 };
110 };
111 link: {
112 default: {
113 light: string;
114 dark: string;
115 };
116 selected: {
117 light: string;
118 dark: string;
119 };
120 focusSelected: {
121 light: string;
122 dark: string;
123 };
124 };
125 subtle: {
126 default: {
127 light: string;
128 dark: string;
129 };
130 hover: {
131 light: string;
132 dark: string;
133 };
134 active: {
135 light: string;
136 dark: string;
137 };
138 disabled: {
139 light: string;
140 dark: string;
141 };
142 selected: {
143 light: string;
144 dark: string;
145 };
146 focusSelected: {
147 light: string;
148 dark: string;
149 };
150 };
151 'subtle-link': {
152 default: {
153 light: string;
154 dark: string;
155 };
156 selected: {
157 light: string;
158 dark: string;
159 };
160 focusSelected: {
161 light: string;
162 dark: string;
163 };
164 };
165 };
166 boxShadowColor: {
167 default: {
168 focus: {
169 light: string;
170 dark: string;
171 };
172 focusSelected: {
173 light: string;
174 dark: string;
175 };
176 };
177 primary: {
178 focus: {
179 light: string;
180 dark: string;
181 };
182 focusSelected: {
183 light: string;
184 dark: string;
185 };
186 };
187 warning: {
188 focus: {
189 light: string;
190 dark: string;
191 };
192 focusSelected: {
193 light: string;
194 dark: string;
195 };
196 };
197 danger: {
198 focus: {
199 light: string;
200 dark: string;
201 };
202 focusSelected: {
203 light: string;
204 dark: string;
205 };
206 };
207 link: {
208 focus: {
209 light: string;
210 dark: string;
211 };
212 focusSelected: {
213 light: string;
214 dark: string;
215 };
216 };
217 subtle: {
218 focus: {
219 light: string;
220 dark: string;
221 };
222 focusSelected: {
223 light: string;
224 dark: string;
225 };
226 };
227 'subtle-link': {
228 focus: {
229 light: string;
230 dark: string;
231 };
232 focusSelected: {
233 light: string;
234 dark: string;
235 };
236 };
237 };
238 color: {
239 default: {
240 default: {
241 light: string;
242 dark: string;
243 };
244 active: {
245 light: string;
246 dark: string;
247 };
248 disabled: {
249 light: string;
250 dark: string;
251 };
252 selected: {
253 light: string;
254 dark: string;
255 };
256 focusSelected: {
257 light: string;
258 dark: string;
259 };
260 };
261 primary: {
262 default: {
263 light: string;
264 dark: string;
265 };
266 disabled: {
267 light: string;
268 dark: string;
269 };
270 selected: {
271 light: string;
272 dark: string;
273 };
274 focusSelected: {
275 light: string;
276 dark: string;
277 };
278 };
279 warning: {
280 default: {
281 light: string;
282 dark: string;
283 };
284 disabled: {
285 light: string;
286 dark: string;
287 };
288 selected: {
289 light: string;
290 dark: string;
291 };
292 focusSelected: {
293 light: string;
294 dark: string;
295 };
296 };
297 danger: {
298 default: {
299 light: string;
300 dark: string;
301 };
302 disabled: {
303 light: string;
304 dark: string;
305 };
306 selected: {
307 light: string;
308 dark: string;
309 };
310 focusSelected: {
311 light: string;
312 dark: string;
313 };
314 };
315 link: {
316 default: {
317 light: string;
318 dark: string;
319 };
320 hover: {
321 light: string;
322 dark: string;
323 };
324 active: {
325 light: string;
326 dark: string;
327 };
328 disabled: {
329 light: string;
330 dark: string;
331 };
332 selected: {
333 light: string;
334 dark: string;
335 };
336 focusSelected: {
337 light: string;
338 dark: string;
339 };
340 };
341 subtle: {
342 default: {
343 light: string;
344 dark: string;
345 };
346 active: {
347 light: string;
348 dark: string;
349 };
350 disabled: {
351 light: string;
352 dark: string;
353 };
354 selected: {
355 light: string;
356 dark: string;
357 };
358 focusSelected: {
359 light: string;
360 dark: string;
361 };
362 };
363 'subtle-link': {
364 default: {
365 light: string;
366 dark: string;
367 };
368 hover: {
369 light: string;
370 dark: string;
371 };
372 active: {
373 light: string;
374 dark: string;
375 };
376 disabled: {
377 light: string;
378 dark: string;
379 };
380 selected: {
381 light: string;
382 dark: string;
383 };
384 focusSelected: {
385 light: string;
386 dark: string;
387 };
388 };
389 };
390};
391export declare function applyPropertyStyle(property: string, { appearance, state, mode, }: {
392 appearance?: string;
393 state?: string;
394 mode?: ThemeMode;
395}, theme: any): any;
396export declare const Theme: {
397 Consumer: import("react").ComponentType<ThemeProps & {
398 children: (tokens: ThemeTokens) => import("react").ReactNode;
399 }>;
400 Provider: import("react").ComponentType<{
401 children?: import("react").ReactNode;
402 value?: import("@kalamazoo/theme/dist/cjs/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
403 }>;
404};