@directus/themes 0.2.0 → 0.3.0

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 (29) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/{theme-provider.vue.d.ts → components/theme-provider.vue.d.ts} +465 -81
  3. package/dist/composables/index.d.ts +2 -0
  4. package/dist/composables/use-fonts.d.ts +5 -0
  5. package/dist/composables/use-theme.d.ts +455 -0
  6. package/dist/index.d.ts +5 -4
  7. package/dist/index.js +735 -245
  8. package/dist/schemas/index.d.ts +1 -0
  9. package/dist/schemas/theme.d.ts +247 -0
  10. package/dist/stores/index.d.ts +1 -0
  11. package/dist/stores/theme.d.ts +1412 -0
  12. package/dist/themes/dark/default.d.ts +223 -0
  13. package/dist/themes/dark/index.d.ts +1 -0
  14. package/dist/themes/index.d.ts +3 -0
  15. package/dist/themes/light/color-match.d.ts +97 -0
  16. package/dist/themes/light/default.d.ts +230 -0
  17. package/dist/themes/light/index.d.ts +3 -0
  18. package/dist/themes/light/minimal.d.ts +113 -0
  19. package/dist/utils/define-theme.d.ts +233 -0
  20. package/dist/utils/index.d.ts +2 -0
  21. package/dist/utils/rules-to-css-vars.d.ts +3 -0
  22. package/package.json +7 -7
  23. package/dist/schema.d.ts +0 -149
  24. package/dist/schema.json +0 -605
  25. package/dist/store.d.ts +0 -836
  26. package/dist/themes/dark-directus.d.ts +0 -2
  27. package/dist/themes/light-directus.d.ts +0 -2
  28. package/dist/use-fonts.d.ts +0 -6
  29. package/dist/use-theme.d.ts +0 -142
package/dist/{theme-provider.vue.d.ts → components/theme-provider.vue.d.ts} RENAMED
@@ -1,5 +1,5 @@
1
1
  import type { DeepPartial } from '@directus/types';
2
- import type { Theme } from './schema.js';
2
+ import type { Theme } from '../schemas/index.js';
3
3
  declare const _default: import("vue").DefineComponent<{
4
4
  darkMode: {
5
5
  type: import("vue").PropType<boolean>;
@@ -13,9 +13,17 @@ declare const _default: import("vue").DefineComponent<{
13
13
  themeLightOverrides: {
14
14
  type: import("vue").PropType<{
15
15
  foreground?: string;
16
+ background?: string;
17
+ backgroundSubdued?: string;
16
18
  foregroundSubdued?: string;
19
+ borderColor?: string;
20
+ borderRadius?: string;
21
+ borderWidth?: string;
17
22
  foregroundAccent?: string;
18
- background?: string;
23
+ backgroundNormal?: string;
24
+ backgroundAccent?: string;
25
+ borderColorAccent?: string;
26
+ borderColorSubdued?: string;
19
27
  primary?: string;
20
28
  primaryBackground?: string;
21
29
  primarySubdued?: string;
@@ -36,27 +44,40 @@ declare const _default: import("vue").DefineComponent<{
36
44
  dangerBackground?: string;
37
45
  dangerSubdued?: string;
38
46
  dangerAccent?: string;
39
- fontFamilyDisplay?: string;
40
- fontFamilySansSerif?: string;
41
- fontFamilySerif?: string;
42
- fontFamilyMonospace?: string;
43
- borderRadius?: string;
44
- borderWidth?: string;
47
+ fonts?: {
48
+ display?: {
49
+ fontFamily?: string;
50
+ fontWeight?: string;
51
+ };
52
+ sans?: {
53
+ fontFamily?: string;
54
+ fontWeight?: string;
55
+ };
56
+ serif?: {
57
+ fontFamily?: string;
58
+ fontWeight?: string;
59
+ };
60
+ monospace?: {
61
+ fontFamily?: string;
62
+ fontWeight?: string;
63
+ };
64
+ };
45
65
  navigation?: {
46
66
  background?: string;
47
- borderWidth?: string;
48
67
  borderColor?: string;
68
+ borderWidth?: string;
69
+ backgroundAccent?: string;
49
70
  project?: {
50
71
  foreground?: string;
72
+ fontFamily?: string;
51
73
  background?: string;
52
- borderWidth?: string;
53
74
  borderColor?: string;
54
- fontFamily?: string;
75
+ borderWidth?: string;
55
76
  };
56
77
  modules?: {
57
78
  background?: string;
58
- borderWidth?: string;
59
79
  borderColor?: string;
80
+ borderWidth?: string;
60
81
  button?: {
61
82
  foreground?: string;
62
83
  background?: string;
@@ -68,8 +89,8 @@ declare const _default: import("vue").DefineComponent<{
68
89
  };
69
90
  list?: {
70
91
  foreground?: string;
71
- background?: string;
72
92
  fontFamily?: string;
93
+ background?: string;
73
94
  foregroundHover?: string;
74
95
  foregroundActive?: string;
75
96
  backgroundHover?: string;
@@ -80,16 +101,16 @@ declare const _default: import("vue").DefineComponent<{
80
101
  foregroundActive?: string;
81
102
  };
82
103
  divider?: {
83
- borderWidth?: string;
84
104
  borderColor?: string;
105
+ borderWidth?: string;
85
106
  };
86
107
  };
87
108
  };
88
109
  header?: {
89
110
  background?: string;
90
- borderWidth?: string;
91
111
  borderColor?: string;
92
112
  boxShadow?: string;
113
+ borderWidth?: string;
93
114
  headline?: {
94
115
  foreground?: string;
95
116
  fontFamily?: string;
@@ -97,40 +118,72 @@ declare const _default: import("vue").DefineComponent<{
97
118
  title?: {
98
119
  foreground?: string;
99
120
  fontFamily?: string;
121
+ fontWeight?: string;
100
122
  };
101
123
  };
102
124
  form?: {
125
+ columnGap?: string;
126
+ rowGap?: string;
103
127
  field?: {
104
128
  label?: {
105
129
  foreground?: string;
106
130
  fontFamily?: string;
131
+ fontWeight?: string;
107
132
  };
108
133
  input?: {
109
134
  foreground?: string;
110
- foregroundSubdued?: string;
111
135
  background?: string;
136
+ backgroundSubdued?: string;
137
+ foregroundSubdued?: string;
112
138
  borderColor?: string;
113
- boxShadow?: string;
114
139
  borderColorHover?: string;
115
140
  borderColorFocus?: string;
141
+ boxShadow?: string;
116
142
  boxShadowHover?: string;
117
143
  boxShadowFocus?: string;
144
+ height?: string;
145
+ padding?: string;
118
146
  };
119
147
  };
120
148
  };
121
149
  sidebar?: {
122
150
  foreground?: string;
151
+ fontFamily?: string;
123
152
  background?: string;
124
- borderWidth?: string;
125
153
  borderColor?: string;
126
- fontFamily?: string;
154
+ borderWidth?: string;
127
155
  section?: {
156
+ form?: {
157
+ columnGap?: string;
158
+ rowGap?: string;
159
+ field?: {
160
+ label?: {
161
+ foreground?: string;
162
+ fontFamily?: string;
163
+ fontWeight?: string;
164
+ };
165
+ input?: {
166
+ foreground?: string;
167
+ background?: string;
168
+ backgroundSubdued?: string;
169
+ foregroundSubdued?: string;
170
+ borderColor?: string;
171
+ borderColorHover?: string;
172
+ borderColorFocus?: string;
173
+ boxShadow?: string;
174
+ boxShadowHover?: string;
175
+ boxShadowFocus?: string;
176
+ height?: string;
177
+ padding?: string;
178
+ };
179
+ };
180
+ };
128
181
  toggle?: {
129
182
  foreground?: string;
183
+ fontFamily?: string;
130
184
  background?: string;
131
- borderWidth?: string;
132
185
  borderColor?: string;
133
- fontFamily?: string;
186
+ borderWidth?: string;
134
187
  foregroundHover?: string;
135
188
  foregroundActive?: string;
136
189
  backgroundHover?: string;
@@ -143,6 +196,49 @@ declare const _default: import("vue").DefineComponent<{
143
196
  };
144
197
  };
145
198
  };
199
+ public?: {
200
+ foreground?: string;
201
+ background?: string;
202
+ foregroundAccent?: string;
203
+ form?: {
204
+ columnGap?: string;
205
+ rowGap?: string;
206
+ field?: {
207
+ label?: {
208
+ foreground?: string;
209
+ fontFamily?: string;
210
+ fontWeight?: string;
211
+ };
212
+ input?: {
213
+ foreground?: string;
214
+ background?: string;
215
+ backgroundSubdued?: string;
216
+ foregroundSubdued?: string;
217
+ borderColor?: string;
218
+ borderColorHover?: string;
219
+ borderColorFocus?: string;
220
+ boxShadow?: string;
221
+ boxShadowHover?: string;
222
+ boxShadowFocus?: string;
223
+ height?: string;
224
+ padding?: string;
225
+ };
226
+ };
227
+ };
228
+ art?: {
229
+ background?: string;
230
+ primary?: string;
231
+ secondary?: string;
232
+ speed?: string;
233
+ };
234
+ };
235
+ popover?: {
236
+ menu?: {
237
+ background?: string;
238
+ boxShadow?: string;
239
+ borderRadius?: string;
240
+ };
241
+ };
146
242
  }>;
147
243
  required: true;
148
244
  default: () => {};
@@ -155,9 +251,17 @@ declare const _default: import("vue").DefineComponent<{
155
251
  themeDarkOverrides: {
156
252
  type: import("vue").PropType<{
157
253
  foreground?: string;
254
+ background?: string;
255
+ backgroundSubdued?: string;
158
256
  foregroundSubdued?: string;
257
+ borderColor?: string;
258
+ borderRadius?: string;
259
+ borderWidth?: string;
159
260
  foregroundAccent?: string;
160
- background?: string;
261
+ backgroundNormal?: string;
262
+ backgroundAccent?: string;
263
+ borderColorAccent?: string;
264
+ borderColorSubdued?: string;
161
265
  primary?: string;
162
266
  primaryBackground?: string;
163
267
  primarySubdued?: string;
@@ -178,27 +282,40 @@ declare const _default: import("vue").DefineComponent<{
178
282
  dangerBackground?: string;
179
283
  dangerSubdued?: string;
180
284
  dangerAccent?: string;
181
- fontFamilyDisplay?: string;
182
- fontFamilySansSerif?: string;
183
- fontFamilySerif?: string;
184
- fontFamilyMonospace?: string;
185
- borderRadius?: string;
186
- borderWidth?: string;
285
+ fonts?: {
286
+ display?: {
287
+ fontFamily?: string;
288
+ fontWeight?: string;
289
+ };
290
+ sans?: {
291
+ fontFamily?: string;
292
+ fontWeight?: string;
293
+ };
294
+ serif?: {
295
+ fontFamily?: string;
296
+ fontWeight?: string;
297
+ };
298
+ monospace?: {
299
+ fontFamily?: string;
300
+ fontWeight?: string;
301
+ };
302
+ };
187
303
  navigation?: {
188
304
  background?: string;
189
- borderWidth?: string;
190
305
  borderColor?: string;
306
+ borderWidth?: string;
307
+ backgroundAccent?: string;
191
308
  project?: {
192
309
  foreground?: string;
310
+ fontFamily?: string;
193
311
  background?: string;
194
- borderWidth?: string;
195
312
  borderColor?: string;
196
- fontFamily?: string;
313
+ borderWidth?: string;
197
314
  };
198
315
  modules?: {
199
316
  background?: string;
200
- borderWidth?: string;
201
317
  borderColor?: string;
318
+ borderWidth?: string;
202
319
  button?: {
203
320
  foreground?: string;
204
321
  background?: string;
@@ -210,8 +327,8 @@ declare const _default: import("vue").DefineComponent<{
210
327
  };
211
328
  list?: {
212
329
  foreground?: string;
213
- background?: string;
214
330
  fontFamily?: string;
331
+ background?: string;
215
332
  foregroundHover?: string;
216
333
  foregroundActive?: string;
217
334
  backgroundHover?: string;
@@ -222,16 +339,16 @@ declare const _default: import("vue").DefineComponent<{
222
339
  foregroundActive?: string;
223
340
  };
224
341
  divider?: {
225
- borderWidth?: string;
226
342
  borderColor?: string;
343
+ borderWidth?: string;
227
344
  };
228
345
  };
229
346
  };
230
347
  header?: {
231
348
  background?: string;
232
- borderWidth?: string;
233
349
  borderColor?: string;
234
350
  boxShadow?: string;
351
+ borderWidth?: string;
235
352
  headline?: {
236
353
  foreground?: string;
237
354
  fontFamily?: string;
@@ -239,40 +356,72 @@ declare const _default: import("vue").DefineComponent<{
239
356
  title?: {
240
357
  foreground?: string;
241
358
  fontFamily?: string;
359
+ fontWeight?: string;
242
360
  };
243
361
  };
244
362
  form?: {
363
+ columnGap?: string;
364
+ rowGap?: string;
245
365
  field?: {
246
366
  label?: {
247
367
  foreground?: string;
248
368
  fontFamily?: string;
369
+ fontWeight?: string;
249
370
  };
250
371
  input?: {
251
372
  foreground?: string;
252
- foregroundSubdued?: string;
253
373
  background?: string;
374
+ backgroundSubdued?: string;
375
+ foregroundSubdued?: string;
254
376
  borderColor?: string;
255
- boxShadow?: string;
256
377
  borderColorHover?: string;
257
378
  borderColorFocus?: string;
379
+ boxShadow?: string;
258
380
  boxShadowHover?: string;
259
381
  boxShadowFocus?: string;
382
+ height?: string;
383
+ padding?: string;
260
384
  };
261
385
  };
262
386
  };
263
387
  sidebar?: {
264
388
  foreground?: string;
389
+ fontFamily?: string;
265
390
  background?: string;
266
- borderWidth?: string;
267
391
  borderColor?: string;
268
- fontFamily?: string;
392
+ borderWidth?: string;
269
393
  section?: {
394
+ form?: {
395
+ columnGap?: string;
396
+ rowGap?: string;
397
+ field?: {
398
+ label?: {
399
+ foreground?: string;
400
+ fontFamily?: string;
401
+ fontWeight?: string;
402
+ };
403
+ input?: {
404
+ foreground?: string;
405
+ background?: string;
406
+ backgroundSubdued?: string;
407
+ foregroundSubdued?: string;
408
+ borderColor?: string;
409
+ borderColorHover?: string;
410
+ borderColorFocus?: string;
411
+ boxShadow?: string;
412
+ boxShadowHover?: string;
413
+ boxShadowFocus?: string;
414
+ height?: string;
415
+ padding?: string;
416
+ };
417
+ };
418
+ };
270
419
  toggle?: {
271
420
  foreground?: string;
421
+ fontFamily?: string;
272
422
  background?: string;
273
- borderWidth?: string;
274
423
  borderColor?: string;
275
- fontFamily?: string;
424
+ borderWidth?: string;
276
425
  foregroundHover?: string;
277
426
  foregroundActive?: string;
278
427
  backgroundHover?: string;
@@ -285,6 +434,49 @@ declare const _default: import("vue").DefineComponent<{
285
434
  };
286
435
  };
287
436
  };
437
+ public?: {
438
+ foreground?: string;
439
+ background?: string;
440
+ foregroundAccent?: string;
441
+ form?: {
442
+ columnGap?: string;
443
+ rowGap?: string;
444
+ field?: {
445
+ label?: {
446
+ foreground?: string;
447
+ fontFamily?: string;
448
+ fontWeight?: string;
449
+ };
450
+ input?: {
451
+ foreground?: string;
452
+ background?: string;
453
+ backgroundSubdued?: string;
454
+ foregroundSubdued?: string;
455
+ borderColor?: string;
456
+ borderColorHover?: string;
457
+ borderColorFocus?: string;
458
+ boxShadow?: string;
459
+ boxShadowHover?: string;
460
+ boxShadowFocus?: string;
461
+ height?: string;
462
+ padding?: string;
463
+ };
464
+ };
465
+ };
466
+ art?: {
467
+ background?: string;
468
+ primary?: string;
469
+ secondary?: string;
470
+ speed?: string;
471
+ };
472
+ };
473
+ popover?: {
474
+ menu?: {
475
+ background?: string;
476
+ boxShadow?: string;
477
+ borderRadius?: string;
478
+ };
479
+ };
288
480
  }>;
289
481
  required: true;
290
482
  default: () => {};
@@ -302,9 +494,17 @@ declare const _default: import("vue").DefineComponent<{
302
494
  themeLightOverrides: {
303
495
  type: import("vue").PropType<{
304
496
  foreground?: string;
497
+ background?: string;
498
+ backgroundSubdued?: string;
305
499
  foregroundSubdued?: string;
500
+ borderColor?: string;
501
+ borderRadius?: string;
502
+ borderWidth?: string;
306
503
  foregroundAccent?: string;
307
- background?: string;
504
+ backgroundNormal?: string;
505
+ backgroundAccent?: string;
506
+ borderColorAccent?: string;
507
+ borderColorSubdued?: string;
308
508
  primary?: string;
309
509
  primaryBackground?: string;
310
510
  primarySubdued?: string;
@@ -325,27 +525,40 @@ declare const _default: import("vue").DefineComponent<{
325
525
  dangerBackground?: string;
326
526
  dangerSubdued?: string;
327
527
  dangerAccent?: string;
328
- fontFamilyDisplay?: string;
329
- fontFamilySansSerif?: string;
330
- fontFamilySerif?: string;
331
- fontFamilyMonospace?: string;
332
- borderRadius?: string;
333
- borderWidth?: string;
528
+ fonts?: {
529
+ display?: {
530
+ fontFamily?: string;
531
+ fontWeight?: string;
532
+ };
533
+ sans?: {
534
+ fontFamily?: string;
535
+ fontWeight?: string;
536
+ };
537
+ serif?: {
538
+ fontFamily?: string;
539
+ fontWeight?: string;
540
+ };
541
+ monospace?: {
542
+ fontFamily?: string;
543
+ fontWeight?: string;
544
+ };
545
+ };
334
546
  navigation?: {
335
547
  background?: string;
336
- borderWidth?: string;
337
548
  borderColor?: string;
549
+ borderWidth?: string;
550
+ backgroundAccent?: string;
338
551
  project?: {
339
552
  foreground?: string;
553
+ fontFamily?: string;
340
554
  background?: string;
341
- borderWidth?: string;
342
555
  borderColor?: string;
343
- fontFamily?: string;
556
+ borderWidth?: string;
344
557
  };
345
558
  modules?: {
346
559
  background?: string;
347
- borderWidth?: string;
348
560
  borderColor?: string;
561
+ borderWidth?: string;
349
562
  button?: {
350
563
  foreground?: string;
351
564
  background?: string;
@@ -357,8 +570,8 @@ declare const _default: import("vue").DefineComponent<{
357
570
  };
358
571
  list?: {
359
572
  foreground?: string;
360
- background?: string;
361
573
  fontFamily?: string;
574
+ background?: string;
362
575
  foregroundHover?: string;
363
576
  foregroundActive?: string;
364
577
  backgroundHover?: string;
@@ -369,16 +582,16 @@ declare const _default: import("vue").DefineComponent<{
369
582
  foregroundActive?: string;
370
583
  };
371
584
  divider?: {
372
- borderWidth?: string;
373
585
  borderColor?: string;
586
+ borderWidth?: string;
374
587
  };
375
588
  };
376
589
  };
377
590
  header?: {
378
591
  background?: string;
379
- borderWidth?: string;
380
592
  borderColor?: string;
381
593
  boxShadow?: string;
594
+ borderWidth?: string;
382
595
  headline?: {
383
596
  foreground?: string;
384
597
  fontFamily?: string;
@@ -386,40 +599,72 @@ declare const _default: import("vue").DefineComponent<{
386
599
  title?: {
387
600
  foreground?: string;
388
601
  fontFamily?: string;
602
+ fontWeight?: string;
389
603
  };
390
604
  };
391
605
  form?: {
606
+ columnGap?: string;
607
+ rowGap?: string;
392
608
  field?: {
393
609
  label?: {
394
610
  foreground?: string;
395
611
  fontFamily?: string;
612
+ fontWeight?: string;
396
613
  };
397
614
  input?: {
398
615
  foreground?: string;
399
- foregroundSubdued?: string;
400
616
  background?: string;
617
+ backgroundSubdued?: string;
618
+ foregroundSubdued?: string;
401
619
  borderColor?: string;
402
- boxShadow?: string;
403
620
  borderColorHover?: string;
404
621
  borderColorFocus?: string;
622
+ boxShadow?: string;
405
623
  boxShadowHover?: string;
406
624
  boxShadowFocus?: string;
625
+ height?: string;
626
+ padding?: string;
407
627
  };
408
628
  };
409
629
  };
410
630
  sidebar?: {
411
631
  foreground?: string;
632
+ fontFamily?: string;
412
633
  background?: string;
413
- borderWidth?: string;
414
634
  borderColor?: string;
415
- fontFamily?: string;
635
+ borderWidth?: string;
416
636
  section?: {
637
+ form?: {
638
+ columnGap?: string;
639
+ rowGap?: string;
640
+ field?: {
641
+ label?: {
642
+ foreground?: string;
643
+ fontFamily?: string;
644
+ fontWeight?: string;
645
+ };
646
+ input?: {
647
+ foreground?: string;
648
+ background?: string;
649
+ backgroundSubdued?: string;
650
+ foregroundSubdued?: string;
651
+ borderColor?: string;
652
+ borderColorHover?: string;
653
+ borderColorFocus?: string;
654
+ boxShadow?: string;
655
+ boxShadowHover?: string;
656
+ boxShadowFocus?: string;
657
+ height?: string;
658
+ padding?: string;
659
+ };
660
+ };
661
+ };
417
662
  toggle?: {
418
663
  foreground?: string;
664
+ fontFamily?: string;
419
665
  background?: string;
420
- borderWidth?: string;
421
666
  borderColor?: string;
422
- fontFamily?: string;
667
+ borderWidth?: string;
423
668
  foregroundHover?: string;
424
669
  foregroundActive?: string;
425
670
  backgroundHover?: string;
@@ -432,6 +677,49 @@ declare const _default: import("vue").DefineComponent<{
432
677
  };
433
678
  };
434
679
  };
680
+ public?: {
681
+ foreground?: string;
682
+ background?: string;
683
+ foregroundAccent?: string;
684
+ form?: {
685
+ columnGap?: string;
686
+ rowGap?: string;
687
+ field?: {
688
+ label?: {
689
+ foreground?: string;
690
+ fontFamily?: string;
691
+ fontWeight?: string;
692
+ };
693
+ input?: {
694
+ foreground?: string;
695
+ background?: string;
696
+ backgroundSubdued?: string;
697
+ foregroundSubdued?: string;
698
+ borderColor?: string;
699
+ borderColorHover?: string;
700
+ borderColorFocus?: string;
701
+ boxShadow?: string;
702
+ boxShadowHover?: string;
703
+ boxShadowFocus?: string;
704
+ height?: string;
705
+ padding?: string;
706
+ };
707
+ };
708
+ };
709
+ art?: {
710
+ background?: string;
711
+ primary?: string;
712
+ secondary?: string;
713
+ speed?: string;
714
+ };
715
+ };
716
+ popover?: {
717
+ menu?: {
718
+ background?: string;
719
+ boxShadow?: string;
720
+ borderRadius?: string;
721
+ };
722
+ };
435
723
  }>;
436
724
  required: true;
437
725
  default: () => {};
@@ -444,9 +732,17 @@ declare const _default: import("vue").DefineComponent<{
444
732
  themeDarkOverrides: {
445
733
  type: import("vue").PropType<{
446
734
  foreground?: string;
735
+ background?: string;
736
+ backgroundSubdued?: string;
447
737
  foregroundSubdued?: string;
738
+ borderColor?: string;
739
+ borderRadius?: string;
740
+ borderWidth?: string;
448
741
  foregroundAccent?: string;
449
- background?: string;
742
+ backgroundNormal?: string;
743
+ backgroundAccent?: string;
744
+ borderColorAccent?: string;
745
+ borderColorSubdued?: string;
450
746
  primary?: string;
451
747
  primaryBackground?: string;
452
748
  primarySubdued?: string;
@@ -467,27 +763,40 @@ declare const _default: import("vue").DefineComponent<{
467
763
  dangerBackground?: string;
468
764
  dangerSubdued?: string;
469
765
  dangerAccent?: string;
470
- fontFamilyDisplay?: string;
471
- fontFamilySansSerif?: string;
472
- fontFamilySerif?: string;
473
- fontFamilyMonospace?: string;
474
- borderRadius?: string;
475
- borderWidth?: string;
766
+ fonts?: {
767
+ display?: {
768
+ fontFamily?: string;
769
+ fontWeight?: string;
770
+ };
771
+ sans?: {
772
+ fontFamily?: string;
773
+ fontWeight?: string;
774
+ };
775
+ serif?: {
776
+ fontFamily?: string;
777
+ fontWeight?: string;
778
+ };
779
+ monospace?: {
780
+ fontFamily?: string;
781
+ fontWeight?: string;
782
+ };
783
+ };
476
784
  navigation?: {
477
785
  background?: string;
478
- borderWidth?: string;
479
786
  borderColor?: string;
787
+ borderWidth?: string;
788
+ backgroundAccent?: string;
480
789
  project?: {
481
790
  foreground?: string;
791
+ fontFamily?: string;
482
792
  background?: string;
483
- borderWidth?: string;
484
793
  borderColor?: string;
485
- fontFamily?: string;
794
+ borderWidth?: string;
486
795
  };
487
796
  modules?: {
488
797
  background?: string;
489
- borderWidth?: string;
490
798
  borderColor?: string;
799
+ borderWidth?: string;
491
800
  button?: {
492
801
  foreground?: string;
493
802
  background?: string;
@@ -499,8 +808,8 @@ declare const _default: import("vue").DefineComponent<{
499
808
  };
500
809
  list?: {
501
810
  foreground?: string;
502
- background?: string;
503
811
  fontFamily?: string;
812
+ background?: string;
504
813
  foregroundHover?: string;
505
814
  foregroundActive?: string;
506
815
  backgroundHover?: string;
@@ -511,16 +820,16 @@ declare const _default: import("vue").DefineComponent<{
511
820
  foregroundActive?: string;
512
821
  };
513
822
  divider?: {
514
- borderWidth?: string;
515
823
  borderColor?: string;
824
+ borderWidth?: string;
516
825
  };
517
826
  };
518
827
  };
519
828
  header?: {
520
829
  background?: string;
521
- borderWidth?: string;
522
830
  borderColor?: string;
523
831
  boxShadow?: string;
832
+ borderWidth?: string;
524
833
  headline?: {
525
834
  foreground?: string;
526
835
  fontFamily?: string;
@@ -528,40 +837,72 @@ declare const _default: import("vue").DefineComponent<{
528
837
  title?: {
529
838
  foreground?: string;
530
839
  fontFamily?: string;
840
+ fontWeight?: string;
531
841
  };
532
842
  };
533
843
  form?: {
844
+ columnGap?: string;
845
+ rowGap?: string;
534
846
  field?: {
535
847
  label?: {
536
848
  foreground?: string;
537
849
  fontFamily?: string;
850
+ fontWeight?: string;
538
851
  };
539
852
  input?: {
540
853
  foreground?: string;
541
- foregroundSubdued?: string;
542
854
  background?: string;
855
+ backgroundSubdued?: string;
856
+ foregroundSubdued?: string;
543
857
  borderColor?: string;
544
- boxShadow?: string;
545
858
  borderColorHover?: string;
546
859
  borderColorFocus?: string;
860
+ boxShadow?: string;
547
861
  boxShadowHover?: string;
548
862
  boxShadowFocus?: string;
863
+ height?: string;
864
+ padding?: string;
549
865
  };
550
866
  };
551
867
  };
552
868
  sidebar?: {
553
869
  foreground?: string;
870
+ fontFamily?: string;
554
871
  background?: string;
555
- borderWidth?: string;
556
872
  borderColor?: string;
557
- fontFamily?: string;
873
+ borderWidth?: string;
558
874
  section?: {
875
+ form?: {
876
+ columnGap?: string;
877
+ rowGap?: string;
878
+ field?: {
879
+ label?: {
880
+ foreground?: string;
881
+ fontFamily?: string;
882
+ fontWeight?: string;
883
+ };
884
+ input?: {
885
+ foreground?: string;
886
+ background?: string;
887
+ backgroundSubdued?: string;
888
+ foregroundSubdued?: string;
889
+ borderColor?: string;
890
+ borderColorHover?: string;
891
+ borderColorFocus?: string;
892
+ boxShadow?: string;
893
+ boxShadowHover?: string;
894
+ boxShadowFocus?: string;
895
+ height?: string;
896
+ padding?: string;
897
+ };
898
+ };
899
+ };
559
900
  toggle?: {
560
901
  foreground?: string;
902
+ fontFamily?: string;
561
903
  background?: string;
562
- borderWidth?: string;
563
904
  borderColor?: string;
564
- fontFamily?: string;
905
+ borderWidth?: string;
565
906
  foregroundHover?: string;
566
907
  foregroundActive?: string;
567
908
  backgroundHover?: string;
@@ -574,6 +915,49 @@ declare const _default: import("vue").DefineComponent<{
574
915
  };
575
916
  };
576
917
  };
918
+ public?: {
919
+ foreground?: string;
920
+ background?: string;
921
+ foregroundAccent?: string;
922
+ form?: {
923
+ columnGap?: string;
924
+ rowGap?: string;
925
+ field?: {
926
+ label?: {
927
+ foreground?: string;
928
+ fontFamily?: string;
929
+ fontWeight?: string;
930
+ };
931
+ input?: {
932
+ foreground?: string;
933
+ background?: string;
934
+ backgroundSubdued?: string;
935
+ foregroundSubdued?: string;
936
+ borderColor?: string;
937
+ borderColorHover?: string;
938
+ borderColorFocus?: string;
939
+ boxShadow?: string;
940
+ boxShadowHover?: string;
941
+ boxShadowFocus?: string;
942
+ height?: string;
943
+ padding?: string;
944
+ };
945
+ };
946
+ };
947
+ art?: {
948
+ background?: string;
949
+ primary?: string;
950
+ secondary?: string;
951
+ speed?: string;
952
+ };
953
+ };
954
+ popover?: {
955
+ menu?: {
956
+ background?: string;
957
+ boxShadow?: string;
958
+ borderRadius?: string;
959
+ };
960
+ };
577
961
  }>;
578
962
  required: true;
579
963
  default: () => {};