@directus/themes 0.0.3 → 0.2.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 (8) hide show
  1. package/dist/index.d.ts +3 -3
  2. package/dist/index.js +267 -159
  3. package/dist/schema.d.ts +37 -5
  4. package/dist/schema.json +179 -14
  5. package/dist/store.d.ts +186 -0
  6. package/dist/theme-provider.vue.d.ts +124 -0
  7. package/dist/use-theme.d.ts +31 -0
  8. package/package.json +1 -1
package/dist/store.d.ts CHANGED
@@ -33,14 +33,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
33
33
  fontFamilySansSerif: string;
34
34
  fontFamilySerif: string;
35
35
  fontFamilyMonospace: string;
36
+ borderRadius: string;
37
+ borderWidth: string;
36
38
  navigation: {
37
39
  background: string;
40
+ borderWidth: string;
41
+ borderColor: string;
38
42
  project: {
39
43
  foreground: string;
40
44
  background: string;
45
+ borderWidth: string;
46
+ borderColor: string;
47
+ fontFamily: string;
41
48
  };
42
49
  modules: {
43
50
  background: string;
51
+ borderWidth: string;
52
+ borderColor: string;
44
53
  button: {
45
54
  foreground: string;
46
55
  background: string;
@@ -53,6 +62,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
53
62
  list: {
54
63
  foreground: string;
55
64
  background: string;
65
+ fontFamily: string;
56
66
  foregroundHover: string;
57
67
  foregroundActive: string;
58
68
  backgroundHover: string;
@@ -62,12 +72,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
62
72
  foregroundHover: string;
63
73
  foregroundActive: string;
64
74
  };
75
+ divider: {
76
+ borderWidth: string;
77
+ borderColor: string;
78
+ };
65
79
  };
66
80
  };
67
81
  header: {
68
82
  background: string;
83
+ borderWidth: string;
84
+ borderColor: string;
85
+ boxShadow: string;
69
86
  headline: {
70
87
  foreground: string;
88
+ fontFamily: string;
71
89
  };
72
90
  title: {
73
91
  foreground: string;
@@ -78,21 +96,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
78
96
  field: {
79
97
  label: {
80
98
  foreground: string;
99
+ fontFamily: string;
81
100
  };
82
101
  input: {
83
102
  foreground: string;
84
103
  foregroundSubdued: string;
85
104
  background: string;
105
+ borderColor: string;
106
+ boxShadow: string;
107
+ borderColorHover: string;
108
+ borderColorFocus: string;
109
+ boxShadowHover: string;
110
+ boxShadowFocus: string;
86
111
  };
87
112
  };
88
113
  };
89
114
  sidebar: {
90
115
  foreground: string;
91
116
  background: string;
117
+ borderWidth: string;
118
+ borderColor: string;
119
+ fontFamily: string;
92
120
  section: {
93
121
  toggle: {
94
122
  foreground: string;
95
123
  background: string;
124
+ borderWidth: string;
125
+ borderColor: string;
126
+ fontFamily: string;
96
127
  foregroundHover: string;
97
128
  foregroundActive: string;
98
129
  backgroundHover: string;
@@ -139,14 +170,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
139
170
  fontFamilySansSerif: string;
140
171
  fontFamilySerif: string;
141
172
  fontFamilyMonospace: string;
173
+ borderRadius: string;
174
+ borderWidth: string;
142
175
  navigation: {
143
176
  background: string;
177
+ borderWidth: string;
178
+ borderColor: string;
144
179
  project: {
145
180
  foreground: string;
146
181
  background: string;
182
+ borderWidth: string;
183
+ borderColor: string;
184
+ fontFamily: string;
147
185
  };
148
186
  modules: {
149
187
  background: string;
188
+ borderWidth: string;
189
+ borderColor: string;
150
190
  button: {
151
191
  foreground: string;
152
192
  background: string;
@@ -159,6 +199,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
159
199
  list: {
160
200
  foreground: string;
161
201
  background: string;
202
+ fontFamily: string;
162
203
  foregroundHover: string;
163
204
  foregroundActive: string;
164
205
  backgroundHover: string;
@@ -168,12 +209,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
168
209
  foregroundHover: string;
169
210
  foregroundActive: string;
170
211
  };
212
+ divider: {
213
+ borderWidth: string;
214
+ borderColor: string;
215
+ };
171
216
  };
172
217
  };
173
218
  header: {
174
219
  background: string;
220
+ borderWidth: string;
221
+ borderColor: string;
222
+ boxShadow: string;
175
223
  headline: {
176
224
  foreground: string;
225
+ fontFamily: string;
177
226
  };
178
227
  title: {
179
228
  foreground: string;
@@ -184,21 +233,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
184
233
  field: {
185
234
  label: {
186
235
  foreground: string;
236
+ fontFamily: string;
187
237
  };
188
238
  input: {
189
239
  foreground: string;
190
240
  foregroundSubdued: string;
191
241
  background: string;
242
+ borderColor: string;
243
+ boxShadow: string;
244
+ borderColorHover: string;
245
+ borderColorFocus: string;
246
+ boxShadowHover: string;
247
+ boxShadowFocus: string;
192
248
  };
193
249
  };
194
250
  };
195
251
  sidebar: {
196
252
  foreground: string;
197
253
  background: string;
254
+ borderWidth: string;
255
+ borderColor: string;
256
+ fontFamily: string;
198
257
  section: {
199
258
  toggle: {
200
259
  foreground: string;
201
260
  background: string;
261
+ borderWidth: string;
262
+ borderColor: string;
263
+ fontFamily: string;
202
264
  foregroundHover: string;
203
265
  foregroundActive: string;
204
266
  backgroundHover: string;
@@ -249,14 +311,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
249
311
  fontFamilySansSerif: string;
250
312
  fontFamilySerif: string;
251
313
  fontFamilyMonospace: string;
314
+ borderRadius: string;
315
+ borderWidth: string;
252
316
  navigation: {
253
317
  background: string;
318
+ borderWidth: string;
319
+ borderColor: string;
254
320
  project: {
255
321
  foreground: string;
256
322
  background: string;
323
+ borderWidth: string;
324
+ borderColor: string;
325
+ fontFamily: string;
257
326
  };
258
327
  modules: {
259
328
  background: string;
329
+ borderWidth: string;
330
+ borderColor: string;
260
331
  button: {
261
332
  foreground: string;
262
333
  background: string;
@@ -269,6 +340,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
269
340
  list: {
270
341
  foreground: string;
271
342
  background: string;
343
+ fontFamily: string;
272
344
  foregroundHover: string;
273
345
  foregroundActive: string;
274
346
  backgroundHover: string;
@@ -278,12 +350,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
278
350
  foregroundHover: string;
279
351
  foregroundActive: string;
280
352
  };
353
+ divider: {
354
+ borderWidth: string;
355
+ borderColor: string;
356
+ };
281
357
  };
282
358
  };
283
359
  header: {
284
360
  background: string;
361
+ borderWidth: string;
362
+ borderColor: string;
363
+ boxShadow: string;
285
364
  headline: {
286
365
  foreground: string;
366
+ fontFamily: string;
287
367
  };
288
368
  title: {
289
369
  foreground: string;
@@ -294,21 +374,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
294
374
  field: {
295
375
  label: {
296
376
  foreground: string;
377
+ fontFamily: string;
297
378
  };
298
379
  input: {
299
380
  foreground: string;
300
381
  foregroundSubdued: string;
301
382
  background: string;
383
+ borderColor: string;
384
+ boxShadow: string;
385
+ borderColorHover: string;
386
+ borderColorFocus: string;
387
+ boxShadowHover: string;
388
+ boxShadowFocus: string;
302
389
  };
303
390
  };
304
391
  };
305
392
  sidebar: {
306
393
  foreground: string;
307
394
  background: string;
395
+ borderWidth: string;
396
+ borderColor: string;
397
+ fontFamily: string;
308
398
  section: {
309
399
  toggle: {
310
400
  foreground: string;
311
401
  background: string;
402
+ borderWidth: string;
403
+ borderColor: string;
404
+ fontFamily: string;
312
405
  foregroundHover: string;
313
406
  foregroundActive: string;
314
407
  backgroundHover: string;
@@ -355,14 +448,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
355
448
  fontFamilySansSerif: string;
356
449
  fontFamilySerif: string;
357
450
  fontFamilyMonospace: string;
451
+ borderRadius: string;
452
+ borderWidth: string;
358
453
  navigation: {
359
454
  background: string;
455
+ borderWidth: string;
456
+ borderColor: string;
360
457
  project: {
361
458
  foreground: string;
362
459
  background: string;
460
+ borderWidth: string;
461
+ borderColor: string;
462
+ fontFamily: string;
363
463
  };
364
464
  modules: {
365
465
  background: string;
466
+ borderWidth: string;
467
+ borderColor: string;
366
468
  button: {
367
469
  foreground: string;
368
470
  background: string;
@@ -375,6 +477,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
375
477
  list: {
376
478
  foreground: string;
377
479
  background: string;
480
+ fontFamily: string;
378
481
  foregroundHover: string;
379
482
  foregroundActive: string;
380
483
  backgroundHover: string;
@@ -384,12 +487,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
384
487
  foregroundHover: string;
385
488
  foregroundActive: string;
386
489
  };
490
+ divider: {
491
+ borderWidth: string;
492
+ borderColor: string;
493
+ };
387
494
  };
388
495
  };
389
496
  header: {
390
497
  background: string;
498
+ borderWidth: string;
499
+ borderColor: string;
500
+ boxShadow: string;
391
501
  headline: {
392
502
  foreground: string;
503
+ fontFamily: string;
393
504
  };
394
505
  title: {
395
506
  foreground: string;
@@ -400,21 +511,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
400
511
  field: {
401
512
  label: {
402
513
  foreground: string;
514
+ fontFamily: string;
403
515
  };
404
516
  input: {
405
517
  foreground: string;
406
518
  foregroundSubdued: string;
407
519
  background: string;
520
+ borderColor: string;
521
+ boxShadow: string;
522
+ borderColorHover: string;
523
+ borderColorFocus: string;
524
+ boxShadowHover: string;
525
+ boxShadowFocus: string;
408
526
  };
409
527
  };
410
528
  };
411
529
  sidebar: {
412
530
  foreground: string;
413
531
  background: string;
532
+ borderWidth: string;
533
+ borderColor: string;
534
+ fontFamily: string;
414
535
  section: {
415
536
  toggle: {
416
537
  foreground: string;
417
538
  background: string;
539
+ borderWidth: string;
540
+ borderColor: string;
541
+ fontFamily: string;
418
542
  foregroundHover: string;
419
543
  foregroundActive: string;
420
544
  backgroundHover: string;
@@ -465,14 +589,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
465
589
  fontFamilySansSerif: string;
466
590
  fontFamilySerif: string;
467
591
  fontFamilyMonospace: string;
592
+ borderRadius: string;
593
+ borderWidth: string;
468
594
  navigation: {
469
595
  background: string;
596
+ borderWidth: string;
597
+ borderColor: string;
470
598
  project: {
471
599
  foreground: string;
472
600
  background: string;
601
+ borderWidth: string;
602
+ borderColor: string;
603
+ fontFamily: string;
473
604
  };
474
605
  modules: {
475
606
  background: string;
607
+ borderWidth: string;
608
+ borderColor: string;
476
609
  button: {
477
610
  foreground: string;
478
611
  background: string;
@@ -485,6 +618,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
485
618
  list: {
486
619
  foreground: string;
487
620
  background: string;
621
+ fontFamily: string;
488
622
  foregroundHover: string;
489
623
  foregroundActive: string;
490
624
  backgroundHover: string;
@@ -494,12 +628,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
494
628
  foregroundHover: string;
495
629
  foregroundActive: string;
496
630
  };
631
+ divider: {
632
+ borderWidth: string;
633
+ borderColor: string;
634
+ };
497
635
  };
498
636
  };
499
637
  header: {
500
638
  background: string;
639
+ borderWidth: string;
640
+ borderColor: string;
641
+ boxShadow: string;
501
642
  headline: {
502
643
  foreground: string;
644
+ fontFamily: string;
503
645
  };
504
646
  title: {
505
647
  foreground: string;
@@ -510,21 +652,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
510
652
  field: {
511
653
  label: {
512
654
  foreground: string;
655
+ fontFamily: string;
513
656
  };
514
657
  input: {
515
658
  foreground: string;
516
659
  foregroundSubdued: string;
517
660
  background: string;
661
+ borderColor: string;
662
+ boxShadow: string;
663
+ borderColorHover: string;
664
+ borderColorFocus: string;
665
+ boxShadowHover: string;
666
+ boxShadowFocus: string;
518
667
  };
519
668
  };
520
669
  };
521
670
  sidebar: {
522
671
  foreground: string;
523
672
  background: string;
673
+ borderWidth: string;
674
+ borderColor: string;
675
+ fontFamily: string;
524
676
  section: {
525
677
  toggle: {
526
678
  foreground: string;
527
679
  background: string;
680
+ borderWidth: string;
681
+ borderColor: string;
682
+ fontFamily: string;
528
683
  foregroundHover: string;
529
684
  foregroundActive: string;
530
685
  backgroundHover: string;
@@ -571,14 +726,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
571
726
  fontFamilySansSerif: string;
572
727
  fontFamilySerif: string;
573
728
  fontFamilyMonospace: string;
729
+ borderRadius: string;
730
+ borderWidth: string;
574
731
  navigation: {
575
732
  background: string;
733
+ borderWidth: string;
734
+ borderColor: string;
576
735
  project: {
577
736
  foreground: string;
578
737
  background: string;
738
+ borderWidth: string;
739
+ borderColor: string;
740
+ fontFamily: string;
579
741
  };
580
742
  modules: {
581
743
  background: string;
744
+ borderWidth: string;
745
+ borderColor: string;
582
746
  button: {
583
747
  foreground: string;
584
748
  background: string;
@@ -591,6 +755,7 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
591
755
  list: {
592
756
  foreground: string;
593
757
  background: string;
758
+ fontFamily: string;
594
759
  foregroundHover: string;
595
760
  foregroundActive: string;
596
761
  backgroundHover: string;
@@ -600,12 +765,20 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
600
765
  foregroundHover: string;
601
766
  foregroundActive: string;
602
767
  };
768
+ divider: {
769
+ borderWidth: string;
770
+ borderColor: string;
771
+ };
603
772
  };
604
773
  };
605
774
  header: {
606
775
  background: string;
776
+ borderWidth: string;
777
+ borderColor: string;
778
+ boxShadow: string;
607
779
  headline: {
608
780
  foreground: string;
781
+ fontFamily: string;
609
782
  };
610
783
  title: {
611
784
  foreground: string;
@@ -616,21 +789,34 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
616
789
  field: {
617
790
  label: {
618
791
  foreground: string;
792
+ fontFamily: string;
619
793
  };
620
794
  input: {
621
795
  foreground: string;
622
796
  foregroundSubdued: string;
623
797
  background: string;
798
+ borderColor: string;
799
+ boxShadow: string;
800
+ borderColorHover: string;
801
+ borderColorFocus: string;
802
+ boxShadowHover: string;
803
+ boxShadowFocus: string;
624
804
  };
625
805
  };
626
806
  };
627
807
  sidebar: {
628
808
  foreground: string;
629
809
  background: string;
810
+ borderWidth: string;
811
+ borderColor: string;
812
+ fontFamily: string;
630
813
  section: {
631
814
  toggle: {
632
815
  foreground: string;
633
816
  background: string;
817
+ borderWidth: string;
818
+ borderColor: string;
819
+ fontFamily: string;
634
820
  foregroundHover: string;
635
821
  foregroundActive: string;
636
822
  backgroundHover: string;