@directus/themes 1.2.6 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/index.d.ts +2139 -5
  2. package/dist/index.js +14867 -12190
  3. package/package.json +9 -10
  4. package/dist/components/index.d.ts +0 -1
  5. package/dist/components/theme-provider.vue.d.ts +0 -15
  6. package/dist/composables/index.d.ts +0 -2
  7. package/dist/composables/use-fonts.d.ts +0 -5
  8. package/dist/composables/use-fonts.test.d.ts +0 -1
  9. package/dist/composables/use-theme.d.ts +0 -519
  10. package/dist/stores/index.d.ts +0 -1
  11. package/dist/stores/theme.d.ts +0 -1586
  12. package/dist/themes/dark/default.d.ts +0 -259
  13. package/dist/themes/dark/index.d.ts +0 -1
  14. package/dist/themes/index.d.ts +0 -3
  15. package/dist/themes/light/color-match.d.ts +0 -98
  16. package/dist/themes/light/default.d.ts +0 -259
  17. package/dist/themes/light/index.d.ts +0 -3
  18. package/dist/themes/light/minimal.d.ts +0 -118
  19. package/dist/utils/define-theme.d.ts +0 -2
  20. package/dist/utils/index.d.ts +0 -2
  21. package/dist/utils/rules-to-css-vars.d.ts +0 -2
package/dist/stores/theme.d.ts DELETED
@@ -1,1586 +0,0 @@
1
- import { Theme } from '@directus/types';
2
- export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes", Pick<{
3
- themes: {
4
- light: {
5
- id: string;
6
- name: string;
7
- appearance: "light" | "dark";
8
- rules: {
9
- borderRadius?: string;
10
- borderWidth?: string;
11
- foreground?: string;
12
- foregroundSubdued?: string;
13
- foregroundAccent?: string;
14
- background?: string;
15
- backgroundNormal?: string;
16
- backgroundAccent?: string;
17
- backgroundSubdued?: string;
18
- borderColor?: string;
19
- borderColorAccent?: string;
20
- borderColorSubdued?: string;
21
- primary?: string;
22
- primaryBackground?: string;
23
- primarySubdued?: string;
24
- primaryAccent?: string;
25
- secondary?: string;
26
- secondaryBackground?: string;
27
- secondarySubdued?: string;
28
- secondaryAccent?: string;
29
- success?: string;
30
- successBackground?: string;
31
- successSubdued?: string;
32
- successAccent?: string;
33
- warning?: string;
34
- warningBackground?: string;
35
- warningSubdued?: string;
36
- warningAccent?: string;
37
- danger?: string;
38
- dangerBackground?: string;
39
- dangerSubdued?: string;
40
- dangerAccent?: string;
41
- fonts?: {
42
- display?: {
43
- fontFamily?: string;
44
- fontWeight?: string;
45
- };
46
- sans?: {
47
- fontFamily?: string;
48
- fontWeight?: string;
49
- };
50
- serif?: {
51
- fontFamily?: string;
52
- fontWeight?: string;
53
- };
54
- monospace?: {
55
- fontFamily?: string;
56
- fontWeight?: string;
57
- };
58
- };
59
- navigation?: {
60
- borderWidth?: string;
61
- background?: string;
62
- backgroundAccent?: string;
63
- borderColor?: string;
64
- project?: {
65
- borderWidth?: string;
66
- foreground?: string;
67
- background?: string;
68
- borderColor?: string;
69
- fontFamily?: string;
70
- };
71
- modules?: {
72
- borderWidth?: string;
73
- background?: string;
74
- borderColor?: string;
75
- button?: {
76
- foreground?: string;
77
- background?: string;
78
- foregroundHover?: string;
79
- foregroundActive?: string;
80
- backgroundHover?: string;
81
- backgroundActive?: string;
82
- };
83
- };
84
- list?: {
85
- foreground?: string;
86
- background?: string;
87
- fontFamily?: string;
88
- foregroundHover?: string;
89
- foregroundActive?: string;
90
- backgroundHover?: string;
91
- backgroundActive?: string;
92
- icon?: {
93
- foreground?: string;
94
- foregroundHover?: string;
95
- foregroundActive?: string;
96
- };
97
- divider: {
98
- borderWidth?: string;
99
- borderColor?: string;
100
- };
101
- };
102
- };
103
- header?: {
104
- borderWidth?: string;
105
- background?: string;
106
- borderColor?: string;
107
- boxShadow?: string;
108
- headline?: {
109
- foreground?: string;
110
- fontFamily?: string;
111
- };
112
- title?: {
113
- foreground?: string;
114
- fontFamily?: string;
115
- fontWeight?: string;
116
- };
117
- };
118
- form?: {
119
- columnGap?: string;
120
- rowGap?: string;
121
- field?: {
122
- label?: {
123
- foreground?: string;
124
- fontFamily?: string;
125
- fontWeight?: string;
126
- };
127
- input?: {
128
- foreground?: string;
129
- foregroundSubdued?: string;
130
- background?: string;
131
- backgroundSubdued?: string;
132
- borderColor?: string;
133
- boxShadow?: string;
134
- padding?: string;
135
- borderColorHover?: string;
136
- borderColorFocus?: string;
137
- boxShadowHover?: string;
138
- boxShadowFocus?: string;
139
- height?: string;
140
- };
141
- };
142
- };
143
- sidebar?: {
144
- borderWidth?: string;
145
- foreground?: string;
146
- background?: string;
147
- borderColor?: string;
148
- fontFamily?: string;
149
- section?: {
150
- form?: {
151
- columnGap?: string;
152
- rowGap?: string;
153
- field?: {
154
- label?: {
155
- foreground?: string;
156
- fontFamily?: string;
157
- fontWeight?: string;
158
- };
159
- input?: {
160
- foreground?: string;
161
- foregroundSubdued?: string;
162
- background?: string;
163
- backgroundSubdued?: string;
164
- borderColor?: string;
165
- boxShadow?: string;
166
- padding?: string;
167
- borderColorHover?: string;
168
- borderColorFocus?: string;
169
- boxShadowHover?: string;
170
- boxShadowFocus?: string;
171
- height?: string;
172
- };
173
- };
174
- };
175
- toggle?: {
176
- borderWidth?: string;
177
- foreground?: string;
178
- background?: string;
179
- borderColor?: string;
180
- fontFamily?: string;
181
- foregroundHover?: string;
182
- foregroundActive?: string;
183
- backgroundHover?: string;
184
- backgroundActive?: string;
185
- icon?: {
186
- foreground?: string;
187
- foregroundHover?: string;
188
- foregroundActive?: string;
189
- };
190
- };
191
- };
192
- };
193
- public?: {
194
- foreground?: string;
195
- foregroundAccent?: string;
196
- background?: string;
197
- form?: {
198
- columnGap?: string;
199
- rowGap?: string;
200
- field?: {
201
- label?: {
202
- foreground?: string;
203
- fontFamily?: string;
204
- fontWeight?: string;
205
- };
206
- input?: {
207
- foreground?: string;
208
- foregroundSubdued?: string;
209
- background?: string;
210
- backgroundSubdued?: string;
211
- borderColor?: string;
212
- boxShadow?: string;
213
- padding?: string;
214
- borderColorHover?: string;
215
- borderColorFocus?: string;
216
- boxShadowHover?: string;
217
- boxShadowFocus?: string;
218
- height?: string;
219
- };
220
- };
221
- };
222
- art?: {
223
- background?: string;
224
- primary?: string;
225
- secondary?: string;
226
- speed?: string;
227
- };
228
- };
229
- popover?: {
230
- menu?: {
231
- borderRadius?: string;
232
- background?: string;
233
- boxShadow?: string;
234
- };
235
- };
236
- banner?: {
237
- borderRadius?: string;
238
- background?: string;
239
- headline?: {
240
- foreground?: string;
241
- fontFamily?: string;
242
- fontWeight?: string;
243
- };
244
- title?: {
245
- foreground?: string;
246
- fontFamily?: string;
247
- fontWeight?: string;
248
- };
249
- art?: {
250
- foreground?: string;
251
- };
252
- padding?: string;
253
- avatar?: {
254
- borderRadius?: string;
255
- foreground?: string;
256
- background?: string;
257
- };
258
- subtitle?: {
259
- foreground?: string;
260
- fontFamily?: string;
261
- fontWeight?: string;
262
- };
263
- };
264
- };
265
- }[];
266
- dark: {
267
- id: string;
268
- name: string;
269
- appearance: "light" | "dark";
270
- rules: {
271
- borderRadius?: string;
272
- borderWidth?: string;
273
- foreground?: string;
274
- foregroundSubdued?: string;
275
- foregroundAccent?: string;
276
- background?: string;
277
- backgroundNormal?: string;
278
- backgroundAccent?: string;
279
- backgroundSubdued?: string;
280
- borderColor?: string;
281
- borderColorAccent?: string;
282
- borderColorSubdued?: string;
283
- primary?: string;
284
- primaryBackground?: string;
285
- primarySubdued?: string;
286
- primaryAccent?: string;
287
- secondary?: string;
288
- secondaryBackground?: string;
289
- secondarySubdued?: string;
290
- secondaryAccent?: string;
291
- success?: string;
292
- successBackground?: string;
293
- successSubdued?: string;
294
- successAccent?: string;
295
- warning?: string;
296
- warningBackground?: string;
297
- warningSubdued?: string;
298
- warningAccent?: string;
299
- danger?: string;
300
- dangerBackground?: string;
301
- dangerSubdued?: string;
302
- dangerAccent?: string;
303
- fonts?: {
304
- display?: {
305
- fontFamily?: string;
306
- fontWeight?: string;
307
- };
308
- sans?: {
309
- fontFamily?: string;
310
- fontWeight?: string;
311
- };
312
- serif?: {
313
- fontFamily?: string;
314
- fontWeight?: string;
315
- };
316
- monospace?: {
317
- fontFamily?: string;
318
- fontWeight?: string;
319
- };
320
- };
321
- navigation?: {
322
- borderWidth?: string;
323
- background?: string;
324
- backgroundAccent?: string;
325
- borderColor?: string;
326
- project?: {
327
- borderWidth?: string;
328
- foreground?: string;
329
- background?: string;
330
- borderColor?: string;
331
- fontFamily?: string;
332
- };
333
- modules?: {
334
- borderWidth?: string;
335
- background?: string;
336
- borderColor?: string;
337
- button?: {
338
- foreground?: string;
339
- background?: string;
340
- foregroundHover?: string;
341
- foregroundActive?: string;
342
- backgroundHover?: string;
343
- backgroundActive?: string;
344
- };
345
- };
346
- list?: {
347
- foreground?: string;
348
- background?: string;
349
- fontFamily?: string;
350
- foregroundHover?: string;
351
- foregroundActive?: string;
352
- backgroundHover?: string;
353
- backgroundActive?: string;
354
- icon?: {
355
- foreground?: string;
356
- foregroundHover?: string;
357
- foregroundActive?: string;
358
- };
359
- divider: {
360
- borderWidth?: string;
361
- borderColor?: string;
362
- };
363
- };
364
- };
365
- header?: {
366
- borderWidth?: string;
367
- background?: string;
368
- borderColor?: string;
369
- boxShadow?: string;
370
- headline?: {
371
- foreground?: string;
372
- fontFamily?: string;
373
- };
374
- title?: {
375
- foreground?: string;
376
- fontFamily?: string;
377
- fontWeight?: string;
378
- };
379
- };
380
- form?: {
381
- columnGap?: string;
382
- rowGap?: string;
383
- field?: {
384
- label?: {
385
- foreground?: string;
386
- fontFamily?: string;
387
- fontWeight?: string;
388
- };
389
- input?: {
390
- foreground?: string;
391
- foregroundSubdued?: string;
392
- background?: string;
393
- backgroundSubdued?: string;
394
- borderColor?: string;
395
- boxShadow?: string;
396
- padding?: string;
397
- borderColorHover?: string;
398
- borderColorFocus?: string;
399
- boxShadowHover?: string;
400
- boxShadowFocus?: string;
401
- height?: string;
402
- };
403
- };
404
- };
405
- sidebar?: {
406
- borderWidth?: string;
407
- foreground?: string;
408
- background?: string;
409
- borderColor?: string;
410
- fontFamily?: string;
411
- section?: {
412
- form?: {
413
- columnGap?: string;
414
- rowGap?: string;
415
- field?: {
416
- label?: {
417
- foreground?: string;
418
- fontFamily?: string;
419
- fontWeight?: string;
420
- };
421
- input?: {
422
- foreground?: string;
423
- foregroundSubdued?: string;
424
- background?: string;
425
- backgroundSubdued?: string;
426
- borderColor?: string;
427
- boxShadow?: string;
428
- padding?: string;
429
- borderColorHover?: string;
430
- borderColorFocus?: string;
431
- boxShadowHover?: string;
432
- boxShadowFocus?: string;
433
- height?: string;
434
- };
435
- };
436
- };
437
- toggle?: {
438
- borderWidth?: string;
439
- foreground?: string;
440
- background?: string;
441
- borderColor?: string;
442
- fontFamily?: string;
443
- foregroundHover?: string;
444
- foregroundActive?: string;
445
- backgroundHover?: string;
446
- backgroundActive?: string;
447
- icon?: {
448
- foreground?: string;
449
- foregroundHover?: string;
450
- foregroundActive?: string;
451
- };
452
- };
453
- };
454
- };
455
- public?: {
456
- foreground?: string;
457
- foregroundAccent?: string;
458
- background?: string;
459
- form?: {
460
- columnGap?: string;
461
- rowGap?: string;
462
- field?: {
463
- label?: {
464
- foreground?: string;
465
- fontFamily?: string;
466
- fontWeight?: string;
467
- };
468
- input?: {
469
- foreground?: string;
470
- foregroundSubdued?: string;
471
- background?: string;
472
- backgroundSubdued?: string;
473
- borderColor?: string;
474
- boxShadow?: string;
475
- padding?: string;
476
- borderColorHover?: string;
477
- borderColorFocus?: string;
478
- boxShadowHover?: string;
479
- boxShadowFocus?: string;
480
- height?: string;
481
- };
482
- };
483
- };
484
- art?: {
485
- background?: string;
486
- primary?: string;
487
- secondary?: string;
488
- speed?: string;
489
- };
490
- };
491
- popover?: {
492
- menu?: {
493
- borderRadius?: string;
494
- background?: string;
495
- boxShadow?: string;
496
- };
497
- };
498
- banner?: {
499
- borderRadius?: string;
500
- background?: string;
501
- headline?: {
502
- foreground?: string;
503
- fontFamily?: string;
504
- fontWeight?: string;
505
- };
506
- title?: {
507
- foreground?: string;
508
- fontFamily?: string;
509
- fontWeight?: string;
510
- };
511
- art?: {
512
- foreground?: string;
513
- };
514
- padding?: string;
515
- avatar?: {
516
- borderRadius?: string;
517
- foreground?: string;
518
- background?: string;
519
- };
520
- subtitle?: {
521
- foreground?: string;
522
- fontFamily?: string;
523
- fontWeight?: string;
524
- };
525
- };
526
- };
527
- }[];
528
- };
529
- registerTheme: (theme: Theme) => void;
530
- }, "themes">, Pick<{
531
- themes: {
532
- light: {
533
- id: string;
534
- name: string;
535
- appearance: "light" | "dark";
536
- rules: {
537
- borderRadius?: string;
538
- borderWidth?: string;
539
- foreground?: string;
540
- foregroundSubdued?: string;
541
- foregroundAccent?: string;
542
- background?: string;
543
- backgroundNormal?: string;
544
- backgroundAccent?: string;
545
- backgroundSubdued?: string;
546
- borderColor?: string;
547
- borderColorAccent?: string;
548
- borderColorSubdued?: string;
549
- primary?: string;
550
- primaryBackground?: string;
551
- primarySubdued?: string;
552
- primaryAccent?: string;
553
- secondary?: string;
554
- secondaryBackground?: string;
555
- secondarySubdued?: string;
556
- secondaryAccent?: string;
557
- success?: string;
558
- successBackground?: string;
559
- successSubdued?: string;
560
- successAccent?: string;
561
- warning?: string;
562
- warningBackground?: string;
563
- warningSubdued?: string;
564
- warningAccent?: string;
565
- danger?: string;
566
- dangerBackground?: string;
567
- dangerSubdued?: string;
568
- dangerAccent?: string;
569
- fonts?: {
570
- display?: {
571
- fontFamily?: string;
572
- fontWeight?: string;
573
- };
574
- sans?: {
575
- fontFamily?: string;
576
- fontWeight?: string;
577
- };
578
- serif?: {
579
- fontFamily?: string;
580
- fontWeight?: string;
581
- };
582
- monospace?: {
583
- fontFamily?: string;
584
- fontWeight?: string;
585
- };
586
- };
587
- navigation?: {
588
- borderWidth?: string;
589
- background?: string;
590
- backgroundAccent?: string;
591
- borderColor?: string;
592
- project?: {
593
- borderWidth?: string;
594
- foreground?: string;
595
- background?: string;
596
- borderColor?: string;
597
- fontFamily?: string;
598
- };
599
- modules?: {
600
- borderWidth?: string;
601
- background?: string;
602
- borderColor?: string;
603
- button?: {
604
- foreground?: string;
605
- background?: string;
606
- foregroundHover?: string;
607
- foregroundActive?: string;
608
- backgroundHover?: string;
609
- backgroundActive?: string;
610
- };
611
- };
612
- list?: {
613
- foreground?: string;
614
- background?: string;
615
- fontFamily?: string;
616
- foregroundHover?: string;
617
- foregroundActive?: string;
618
- backgroundHover?: string;
619
- backgroundActive?: string;
620
- icon?: {
621
- foreground?: string;
622
- foregroundHover?: string;
623
- foregroundActive?: string;
624
- };
625
- divider: {
626
- borderWidth?: string;
627
- borderColor?: string;
628
- };
629
- };
630
- };
631
- header?: {
632
- borderWidth?: string;
633
- background?: string;
634
- borderColor?: string;
635
- boxShadow?: string;
636
- headline?: {
637
- foreground?: string;
638
- fontFamily?: string;
639
- };
640
- title?: {
641
- foreground?: string;
642
- fontFamily?: string;
643
- fontWeight?: string;
644
- };
645
- };
646
- form?: {
647
- columnGap?: string;
648
- rowGap?: string;
649
- field?: {
650
- label?: {
651
- foreground?: string;
652
- fontFamily?: string;
653
- fontWeight?: string;
654
- };
655
- input?: {
656
- foreground?: string;
657
- foregroundSubdued?: string;
658
- background?: string;
659
- backgroundSubdued?: string;
660
- borderColor?: string;
661
- boxShadow?: string;
662
- padding?: string;
663
- borderColorHover?: string;
664
- borderColorFocus?: string;
665
- boxShadowHover?: string;
666
- boxShadowFocus?: string;
667
- height?: string;
668
- };
669
- };
670
- };
671
- sidebar?: {
672
- borderWidth?: string;
673
- foreground?: string;
674
- background?: string;
675
- borderColor?: string;
676
- fontFamily?: string;
677
- section?: {
678
- form?: {
679
- columnGap?: string;
680
- rowGap?: string;
681
- field?: {
682
- label?: {
683
- foreground?: string;
684
- fontFamily?: string;
685
- fontWeight?: string;
686
- };
687
- input?: {
688
- foreground?: string;
689
- foregroundSubdued?: string;
690
- background?: string;
691
- backgroundSubdued?: string;
692
- borderColor?: string;
693
- boxShadow?: string;
694
- padding?: string;
695
- borderColorHover?: string;
696
- borderColorFocus?: string;
697
- boxShadowHover?: string;
698
- boxShadowFocus?: string;
699
- height?: string;
700
- };
701
- };
702
- };
703
- toggle?: {
704
- borderWidth?: string;
705
- foreground?: string;
706
- background?: string;
707
- borderColor?: string;
708
- fontFamily?: string;
709
- foregroundHover?: string;
710
- foregroundActive?: string;
711
- backgroundHover?: string;
712
- backgroundActive?: string;
713
- icon?: {
714
- foreground?: string;
715
- foregroundHover?: string;
716
- foregroundActive?: string;
717
- };
718
- };
719
- };
720
- };
721
- public?: {
722
- foreground?: string;
723
- foregroundAccent?: string;
724
- background?: string;
725
- form?: {
726
- columnGap?: string;
727
- rowGap?: string;
728
- field?: {
729
- label?: {
730
- foreground?: string;
731
- fontFamily?: string;
732
- fontWeight?: string;
733
- };
734
- input?: {
735
- foreground?: string;
736
- foregroundSubdued?: string;
737
- background?: string;
738
- backgroundSubdued?: string;
739
- borderColor?: string;
740
- boxShadow?: string;
741
- padding?: string;
742
- borderColorHover?: string;
743
- borderColorFocus?: string;
744
- boxShadowHover?: string;
745
- boxShadowFocus?: string;
746
- height?: string;
747
- };
748
- };
749
- };
750
- art?: {
751
- background?: string;
752
- primary?: string;
753
- secondary?: string;
754
- speed?: string;
755
- };
756
- };
757
- popover?: {
758
- menu?: {
759
- borderRadius?: string;
760
- background?: string;
761
- boxShadow?: string;
762
- };
763
- };
764
- banner?: {
765
- borderRadius?: string;
766
- background?: string;
767
- headline?: {
768
- foreground?: string;
769
- fontFamily?: string;
770
- fontWeight?: string;
771
- };
772
- title?: {
773
- foreground?: string;
774
- fontFamily?: string;
775
- fontWeight?: string;
776
- };
777
- art?: {
778
- foreground?: string;
779
- };
780
- padding?: string;
781
- avatar?: {
782
- borderRadius?: string;
783
- foreground?: string;
784
- background?: string;
785
- };
786
- subtitle?: {
787
- foreground?: string;
788
- fontFamily?: string;
789
- fontWeight?: string;
790
- };
791
- };
792
- };
793
- }[];
794
- dark: {
795
- id: string;
796
- name: string;
797
- appearance: "light" | "dark";
798
- rules: {
799
- borderRadius?: string;
800
- borderWidth?: string;
801
- foreground?: string;
802
- foregroundSubdued?: string;
803
- foregroundAccent?: string;
804
- background?: string;
805
- backgroundNormal?: string;
806
- backgroundAccent?: string;
807
- backgroundSubdued?: string;
808
- borderColor?: string;
809
- borderColorAccent?: string;
810
- borderColorSubdued?: string;
811
- primary?: string;
812
- primaryBackground?: string;
813
- primarySubdued?: string;
814
- primaryAccent?: string;
815
- secondary?: string;
816
- secondaryBackground?: string;
817
- secondarySubdued?: string;
818
- secondaryAccent?: string;
819
- success?: string;
820
- successBackground?: string;
821
- successSubdued?: string;
822
- successAccent?: string;
823
- warning?: string;
824
- warningBackground?: string;
825
- warningSubdued?: string;
826
- warningAccent?: string;
827
- danger?: string;
828
- dangerBackground?: string;
829
- dangerSubdued?: string;
830
- dangerAccent?: string;
831
- fonts?: {
832
- display?: {
833
- fontFamily?: string;
834
- fontWeight?: string;
835
- };
836
- sans?: {
837
- fontFamily?: string;
838
- fontWeight?: string;
839
- };
840
- serif?: {
841
- fontFamily?: string;
842
- fontWeight?: string;
843
- };
844
- monospace?: {
845
- fontFamily?: string;
846
- fontWeight?: string;
847
- };
848
- };
849
- navigation?: {
850
- borderWidth?: string;
851
- background?: string;
852
- backgroundAccent?: string;
853
- borderColor?: string;
854
- project?: {
855
- borderWidth?: string;
856
- foreground?: string;
857
- background?: string;
858
- borderColor?: string;
859
- fontFamily?: string;
860
- };
861
- modules?: {
862
- borderWidth?: string;
863
- background?: string;
864
- borderColor?: string;
865
- button?: {
866
- foreground?: string;
867
- background?: string;
868
- foregroundHover?: string;
869
- foregroundActive?: string;
870
- backgroundHover?: string;
871
- backgroundActive?: string;
872
- };
873
- };
874
- list?: {
875
- foreground?: string;
876
- background?: string;
877
- fontFamily?: string;
878
- foregroundHover?: string;
879
- foregroundActive?: string;
880
- backgroundHover?: string;
881
- backgroundActive?: string;
882
- icon?: {
883
- foreground?: string;
884
- foregroundHover?: string;
885
- foregroundActive?: string;
886
- };
887
- divider: {
888
- borderWidth?: string;
889
- borderColor?: string;
890
- };
891
- };
892
- };
893
- header?: {
894
- borderWidth?: string;
895
- background?: string;
896
- borderColor?: string;
897
- boxShadow?: string;
898
- headline?: {
899
- foreground?: string;
900
- fontFamily?: string;
901
- };
902
- title?: {
903
- foreground?: string;
904
- fontFamily?: string;
905
- fontWeight?: string;
906
- };
907
- };
908
- form?: {
909
- columnGap?: string;
910
- rowGap?: string;
911
- field?: {
912
- label?: {
913
- foreground?: string;
914
- fontFamily?: string;
915
- fontWeight?: string;
916
- };
917
- input?: {
918
- foreground?: string;
919
- foregroundSubdued?: string;
920
- background?: string;
921
- backgroundSubdued?: string;
922
- borderColor?: string;
923
- boxShadow?: string;
924
- padding?: string;
925
- borderColorHover?: string;
926
- borderColorFocus?: string;
927
- boxShadowHover?: string;
928
- boxShadowFocus?: string;
929
- height?: string;
930
- };
931
- };
932
- };
933
- sidebar?: {
934
- borderWidth?: string;
935
- foreground?: string;
936
- background?: string;
937
- borderColor?: string;
938
- fontFamily?: string;
939
- section?: {
940
- form?: {
941
- columnGap?: string;
942
- rowGap?: string;
943
- field?: {
944
- label?: {
945
- foreground?: string;
946
- fontFamily?: string;
947
- fontWeight?: string;
948
- };
949
- input?: {
950
- foreground?: string;
951
- foregroundSubdued?: string;
952
- background?: string;
953
- backgroundSubdued?: string;
954
- borderColor?: string;
955
- boxShadow?: string;
956
- padding?: string;
957
- borderColorHover?: string;
958
- borderColorFocus?: string;
959
- boxShadowHover?: string;
960
- boxShadowFocus?: string;
961
- height?: string;
962
- };
963
- };
964
- };
965
- toggle?: {
966
- borderWidth?: string;
967
- foreground?: string;
968
- background?: string;
969
- borderColor?: string;
970
- fontFamily?: string;
971
- foregroundHover?: string;
972
- foregroundActive?: string;
973
- backgroundHover?: string;
974
- backgroundActive?: string;
975
- icon?: {
976
- foreground?: string;
977
- foregroundHover?: string;
978
- foregroundActive?: string;
979
- };
980
- };
981
- };
982
- };
983
- public?: {
984
- foreground?: string;
985
- foregroundAccent?: string;
986
- background?: string;
987
- form?: {
988
- columnGap?: string;
989
- rowGap?: string;
990
- field?: {
991
- label?: {
992
- foreground?: string;
993
- fontFamily?: string;
994
- fontWeight?: string;
995
- };
996
- input?: {
997
- foreground?: string;
998
- foregroundSubdued?: string;
999
- background?: string;
1000
- backgroundSubdued?: string;
1001
- borderColor?: string;
1002
- boxShadow?: string;
1003
- padding?: string;
1004
- borderColorHover?: string;
1005
- borderColorFocus?: string;
1006
- boxShadowHover?: string;
1007
- boxShadowFocus?: string;
1008
- height?: string;
1009
- };
1010
- };
1011
- };
1012
- art?: {
1013
- background?: string;
1014
- primary?: string;
1015
- secondary?: string;
1016
- speed?: string;
1017
- };
1018
- };
1019
- popover?: {
1020
- menu?: {
1021
- borderRadius?: string;
1022
- background?: string;
1023
- boxShadow?: string;
1024
- };
1025
- };
1026
- banner?: {
1027
- borderRadius?: string;
1028
- background?: string;
1029
- headline?: {
1030
- foreground?: string;
1031
- fontFamily?: string;
1032
- fontWeight?: string;
1033
- };
1034
- title?: {
1035
- foreground?: string;
1036
- fontFamily?: string;
1037
- fontWeight?: string;
1038
- };
1039
- art?: {
1040
- foreground?: string;
1041
- };
1042
- padding?: string;
1043
- avatar?: {
1044
- borderRadius?: string;
1045
- foreground?: string;
1046
- background?: string;
1047
- };
1048
- subtitle?: {
1049
- foreground?: string;
1050
- fontFamily?: string;
1051
- fontWeight?: string;
1052
- };
1053
- };
1054
- };
1055
- }[];
1056
- };
1057
- registerTheme: (theme: Theme) => void;
1058
- }, never>, Pick<{
1059
- themes: {
1060
- light: {
1061
- id: string;
1062
- name: string;
1063
- appearance: "light" | "dark";
1064
- rules: {
1065
- borderRadius?: string;
1066
- borderWidth?: string;
1067
- foreground?: string;
1068
- foregroundSubdued?: string;
1069
- foregroundAccent?: string;
1070
- background?: string;
1071
- backgroundNormal?: string;
1072
- backgroundAccent?: string;
1073
- backgroundSubdued?: string;
1074
- borderColor?: string;
1075
- borderColorAccent?: string;
1076
- borderColorSubdued?: string;
1077
- primary?: string;
1078
- primaryBackground?: string;
1079
- primarySubdued?: string;
1080
- primaryAccent?: string;
1081
- secondary?: string;
1082
- secondaryBackground?: string;
1083
- secondarySubdued?: string;
1084
- secondaryAccent?: string;
1085
- success?: string;
1086
- successBackground?: string;
1087
- successSubdued?: string;
1088
- successAccent?: string;
1089
- warning?: string;
1090
- warningBackground?: string;
1091
- warningSubdued?: string;
1092
- warningAccent?: string;
1093
- danger?: string;
1094
- dangerBackground?: string;
1095
- dangerSubdued?: string;
1096
- dangerAccent?: string;
1097
- fonts?: {
1098
- display?: {
1099
- fontFamily?: string;
1100
- fontWeight?: string;
1101
- };
1102
- sans?: {
1103
- fontFamily?: string;
1104
- fontWeight?: string;
1105
- };
1106
- serif?: {
1107
- fontFamily?: string;
1108
- fontWeight?: string;
1109
- };
1110
- monospace?: {
1111
- fontFamily?: string;
1112
- fontWeight?: string;
1113
- };
1114
- };
1115
- navigation?: {
1116
- borderWidth?: string;
1117
- background?: string;
1118
- backgroundAccent?: string;
1119
- borderColor?: string;
1120
- project?: {
1121
- borderWidth?: string;
1122
- foreground?: string;
1123
- background?: string;
1124
- borderColor?: string;
1125
- fontFamily?: string;
1126
- };
1127
- modules?: {
1128
- borderWidth?: string;
1129
- background?: string;
1130
- borderColor?: string;
1131
- button?: {
1132
- foreground?: string;
1133
- background?: string;
1134
- foregroundHover?: string;
1135
- foregroundActive?: string;
1136
- backgroundHover?: string;
1137
- backgroundActive?: string;
1138
- };
1139
- };
1140
- list?: {
1141
- foreground?: string;
1142
- background?: string;
1143
- fontFamily?: string;
1144
- foregroundHover?: string;
1145
- foregroundActive?: string;
1146
- backgroundHover?: string;
1147
- backgroundActive?: string;
1148
- icon?: {
1149
- foreground?: string;
1150
- foregroundHover?: string;
1151
- foregroundActive?: string;
1152
- };
1153
- divider: {
1154
- borderWidth?: string;
1155
- borderColor?: string;
1156
- };
1157
- };
1158
- };
1159
- header?: {
1160
- borderWidth?: string;
1161
- background?: string;
1162
- borderColor?: string;
1163
- boxShadow?: string;
1164
- headline?: {
1165
- foreground?: string;
1166
- fontFamily?: string;
1167
- };
1168
- title?: {
1169
- foreground?: string;
1170
- fontFamily?: string;
1171
- fontWeight?: string;
1172
- };
1173
- };
1174
- form?: {
1175
- columnGap?: string;
1176
- rowGap?: string;
1177
- field?: {
1178
- label?: {
1179
- foreground?: string;
1180
- fontFamily?: string;
1181
- fontWeight?: string;
1182
- };
1183
- input?: {
1184
- foreground?: string;
1185
- foregroundSubdued?: string;
1186
- background?: string;
1187
- backgroundSubdued?: string;
1188
- borderColor?: string;
1189
- boxShadow?: string;
1190
- padding?: string;
1191
- borderColorHover?: string;
1192
- borderColorFocus?: string;
1193
- boxShadowHover?: string;
1194
- boxShadowFocus?: string;
1195
- height?: string;
1196
- };
1197
- };
1198
- };
1199
- sidebar?: {
1200
- borderWidth?: string;
1201
- foreground?: string;
1202
- background?: string;
1203
- borderColor?: string;
1204
- fontFamily?: string;
1205
- section?: {
1206
- form?: {
1207
- columnGap?: string;
1208
- rowGap?: string;
1209
- field?: {
1210
- label?: {
1211
- foreground?: string;
1212
- fontFamily?: string;
1213
- fontWeight?: string;
1214
- };
1215
- input?: {
1216
- foreground?: string;
1217
- foregroundSubdued?: string;
1218
- background?: string;
1219
- backgroundSubdued?: string;
1220
- borderColor?: string;
1221
- boxShadow?: string;
1222
- padding?: string;
1223
- borderColorHover?: string;
1224
- borderColorFocus?: string;
1225
- boxShadowHover?: string;
1226
- boxShadowFocus?: string;
1227
- height?: string;
1228
- };
1229
- };
1230
- };
1231
- toggle?: {
1232
- borderWidth?: string;
1233
- foreground?: string;
1234
- background?: string;
1235
- borderColor?: string;
1236
- fontFamily?: string;
1237
- foregroundHover?: string;
1238
- foregroundActive?: string;
1239
- backgroundHover?: string;
1240
- backgroundActive?: string;
1241
- icon?: {
1242
- foreground?: string;
1243
- foregroundHover?: string;
1244
- foregroundActive?: string;
1245
- };
1246
- };
1247
- };
1248
- };
1249
- public?: {
1250
- foreground?: string;
1251
- foregroundAccent?: string;
1252
- background?: string;
1253
- form?: {
1254
- columnGap?: string;
1255
- rowGap?: string;
1256
- field?: {
1257
- label?: {
1258
- foreground?: string;
1259
- fontFamily?: string;
1260
- fontWeight?: string;
1261
- };
1262
- input?: {
1263
- foreground?: string;
1264
- foregroundSubdued?: string;
1265
- background?: string;
1266
- backgroundSubdued?: string;
1267
- borderColor?: string;
1268
- boxShadow?: string;
1269
- padding?: string;
1270
- borderColorHover?: string;
1271
- borderColorFocus?: string;
1272
- boxShadowHover?: string;
1273
- boxShadowFocus?: string;
1274
- height?: string;
1275
- };
1276
- };
1277
- };
1278
- art?: {
1279
- background?: string;
1280
- primary?: string;
1281
- secondary?: string;
1282
- speed?: string;
1283
- };
1284
- };
1285
- popover?: {
1286
- menu?: {
1287
- borderRadius?: string;
1288
- background?: string;
1289
- boxShadow?: string;
1290
- };
1291
- };
1292
- banner?: {
1293
- borderRadius?: string;
1294
- background?: string;
1295
- headline?: {
1296
- foreground?: string;
1297
- fontFamily?: string;
1298
- fontWeight?: string;
1299
- };
1300
- title?: {
1301
- foreground?: string;
1302
- fontFamily?: string;
1303
- fontWeight?: string;
1304
- };
1305
- art?: {
1306
- foreground?: string;
1307
- };
1308
- padding?: string;
1309
- avatar?: {
1310
- borderRadius?: string;
1311
- foreground?: string;
1312
- background?: string;
1313
- };
1314
- subtitle?: {
1315
- foreground?: string;
1316
- fontFamily?: string;
1317
- fontWeight?: string;
1318
- };
1319
- };
1320
- };
1321
- }[];
1322
- dark: {
1323
- id: string;
1324
- name: string;
1325
- appearance: "light" | "dark";
1326
- rules: {
1327
- borderRadius?: string;
1328
- borderWidth?: string;
1329
- foreground?: string;
1330
- foregroundSubdued?: string;
1331
- foregroundAccent?: string;
1332
- background?: string;
1333
- backgroundNormal?: string;
1334
- backgroundAccent?: string;
1335
- backgroundSubdued?: string;
1336
- borderColor?: string;
1337
- borderColorAccent?: string;
1338
- borderColorSubdued?: string;
1339
- primary?: string;
1340
- primaryBackground?: string;
1341
- primarySubdued?: string;
1342
- primaryAccent?: string;
1343
- secondary?: string;
1344
- secondaryBackground?: string;
1345
- secondarySubdued?: string;
1346
- secondaryAccent?: string;
1347
- success?: string;
1348
- successBackground?: string;
1349
- successSubdued?: string;
1350
- successAccent?: string;
1351
- warning?: string;
1352
- warningBackground?: string;
1353
- warningSubdued?: string;
1354
- warningAccent?: string;
1355
- danger?: string;
1356
- dangerBackground?: string;
1357
- dangerSubdued?: string;
1358
- dangerAccent?: string;
1359
- fonts?: {
1360
- display?: {
1361
- fontFamily?: string;
1362
- fontWeight?: string;
1363
- };
1364
- sans?: {
1365
- fontFamily?: string;
1366
- fontWeight?: string;
1367
- };
1368
- serif?: {
1369
- fontFamily?: string;
1370
- fontWeight?: string;
1371
- };
1372
- monospace?: {
1373
- fontFamily?: string;
1374
- fontWeight?: string;
1375
- };
1376
- };
1377
- navigation?: {
1378
- borderWidth?: string;
1379
- background?: string;
1380
- backgroundAccent?: string;
1381
- borderColor?: string;
1382
- project?: {
1383
- borderWidth?: string;
1384
- foreground?: string;
1385
- background?: string;
1386
- borderColor?: string;
1387
- fontFamily?: string;
1388
- };
1389
- modules?: {
1390
- borderWidth?: string;
1391
- background?: string;
1392
- borderColor?: string;
1393
- button?: {
1394
- foreground?: string;
1395
- background?: string;
1396
- foregroundHover?: string;
1397
- foregroundActive?: string;
1398
- backgroundHover?: string;
1399
- backgroundActive?: string;
1400
- };
1401
- };
1402
- list?: {
1403
- foreground?: string;
1404
- background?: string;
1405
- fontFamily?: string;
1406
- foregroundHover?: string;
1407
- foregroundActive?: string;
1408
- backgroundHover?: string;
1409
- backgroundActive?: string;
1410
- icon?: {
1411
- foreground?: string;
1412
- foregroundHover?: string;
1413
- foregroundActive?: string;
1414
- };
1415
- divider: {
1416
- borderWidth?: string;
1417
- borderColor?: string;
1418
- };
1419
- };
1420
- };
1421
- header?: {
1422
- borderWidth?: string;
1423
- background?: string;
1424
- borderColor?: string;
1425
- boxShadow?: string;
1426
- headline?: {
1427
- foreground?: string;
1428
- fontFamily?: string;
1429
- };
1430
- title?: {
1431
- foreground?: string;
1432
- fontFamily?: string;
1433
- fontWeight?: string;
1434
- };
1435
- };
1436
- form?: {
1437
- columnGap?: string;
1438
- rowGap?: string;
1439
- field?: {
1440
- label?: {
1441
- foreground?: string;
1442
- fontFamily?: string;
1443
- fontWeight?: string;
1444
- };
1445
- input?: {
1446
- foreground?: string;
1447
- foregroundSubdued?: string;
1448
- background?: string;
1449
- backgroundSubdued?: string;
1450
- borderColor?: string;
1451
- boxShadow?: string;
1452
- padding?: string;
1453
- borderColorHover?: string;
1454
- borderColorFocus?: string;
1455
- boxShadowHover?: string;
1456
- boxShadowFocus?: string;
1457
- height?: string;
1458
- };
1459
- };
1460
- };
1461
- sidebar?: {
1462
- borderWidth?: string;
1463
- foreground?: string;
1464
- background?: string;
1465
- borderColor?: string;
1466
- fontFamily?: string;
1467
- section?: {
1468
- form?: {
1469
- columnGap?: string;
1470
- rowGap?: string;
1471
- field?: {
1472
- label?: {
1473
- foreground?: string;
1474
- fontFamily?: string;
1475
- fontWeight?: string;
1476
- };
1477
- input?: {
1478
- foreground?: string;
1479
- foregroundSubdued?: string;
1480
- background?: string;
1481
- backgroundSubdued?: string;
1482
- borderColor?: string;
1483
- boxShadow?: string;
1484
- padding?: string;
1485
- borderColorHover?: string;
1486
- borderColorFocus?: string;
1487
- boxShadowHover?: string;
1488
- boxShadowFocus?: string;
1489
- height?: string;
1490
- };
1491
- };
1492
- };
1493
- toggle?: {
1494
- borderWidth?: string;
1495
- foreground?: string;
1496
- background?: string;
1497
- borderColor?: string;
1498
- fontFamily?: string;
1499
- foregroundHover?: string;
1500
- foregroundActive?: string;
1501
- backgroundHover?: string;
1502
- backgroundActive?: string;
1503
- icon?: {
1504
- foreground?: string;
1505
- foregroundHover?: string;
1506
- foregroundActive?: string;
1507
- };
1508
- };
1509
- };
1510
- };
1511
- public?: {
1512
- foreground?: string;
1513
- foregroundAccent?: string;
1514
- background?: string;
1515
- form?: {
1516
- columnGap?: string;
1517
- rowGap?: string;
1518
- field?: {
1519
- label?: {
1520
- foreground?: string;
1521
- fontFamily?: string;
1522
- fontWeight?: string;
1523
- };
1524
- input?: {
1525
- foreground?: string;
1526
- foregroundSubdued?: string;
1527
- background?: string;
1528
- backgroundSubdued?: string;
1529
- borderColor?: string;
1530
- boxShadow?: string;
1531
- padding?: string;
1532
- borderColorHover?: string;
1533
- borderColorFocus?: string;
1534
- boxShadowHover?: string;
1535
- boxShadowFocus?: string;
1536
- height?: string;
1537
- };
1538
- };
1539
- };
1540
- art?: {
1541
- background?: string;
1542
- primary?: string;
1543
- secondary?: string;
1544
- speed?: string;
1545
- };
1546
- };
1547
- popover?: {
1548
- menu?: {
1549
- borderRadius?: string;
1550
- background?: string;
1551
- boxShadow?: string;
1552
- };
1553
- };
1554
- banner?: {
1555
- borderRadius?: string;
1556
- background?: string;
1557
- headline?: {
1558
- foreground?: string;
1559
- fontFamily?: string;
1560
- fontWeight?: string;
1561
- };
1562
- title?: {
1563
- foreground?: string;
1564
- fontFamily?: string;
1565
- fontWeight?: string;
1566
- };
1567
- art?: {
1568
- foreground?: string;
1569
- };
1570
- padding?: string;
1571
- avatar?: {
1572
- borderRadius?: string;
1573
- foreground?: string;
1574
- background?: string;
1575
- };
1576
- subtitle?: {
1577
- foreground?: string;
1578
- fontFamily?: string;
1579
- fontWeight?: string;
1580
- };
1581
- };
1582
- };
1583
- }[];
1584
- };
1585
- registerTheme: (theme: Theme) => void;
1586
- }, "registerTheme">>;