1 |
|
2 |
|
3 | import { ThemeProps, ThemeTokens, ThemeMode, ThemeFallbacks } from './types';
|
4 | export declare const fallbacks: ThemeFallbacks;
|
5 | export 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 | };
|
391 | export declare function applyPropertyStyle(property: string, { appearance, state, mode, }: {
|
392 | appearance?: string;
|
393 | state?: string;
|
394 | mode?: ThemeMode;
|
395 | }, theme: any): any;
|
396 | export 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 | };
|