@directus/themes 0.1.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 (30) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/components/theme-provider.vue.d.ts +971 -0
  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 +783 -203
  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 -123
  24. package/dist/schema.json +0 -464
  25. package/dist/store.d.ts +0 -686
  26. package/dist/theme-provider.vue.d.ts +0 -487
  27. package/dist/themes/dark-directus.d.ts +0 -2
  28. package/dist/themes/light-directus.d.ts +0 -2
  29. package/dist/use-fonts.d.ts +0 -6
  30. package/dist/use-theme.d.ts +0 -117
package/dist/store.d.ts DELETED
@@ -1,686 +0,0 @@
1
- import type { Theme } from './schema.js';
2
- export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes", import("pinia")._UnwrapAll<Pick<{
3
- themes: {
4
- light: {
5
- name: string;
6
- appearance: "light" | "dark";
7
- rules: {
8
- foreground: string;
9
- foregroundSubdued: string;
10
- foregroundAccent: string;
11
- background: string;
12
- primary: string;
13
- primaryBackground: string;
14
- primarySubdued: string;
15
- primaryAccent: string;
16
- secondary: string;
17
- secondaryBackground: string;
18
- secondarySubdued: string;
19
- secondaryAccent: string;
20
- success: string;
21
- successBackground: string;
22
- successSubdued: string;
23
- successAccent: string;
24
- warning: string;
25
- warningBackground: string;
26
- warningSubdued: string;
27
- warningAccent: string;
28
- danger: string;
29
- dangerBackground: string;
30
- dangerSubdued: string;
31
- dangerAccent: string;
32
- fontFamilyDisplay: string;
33
- fontFamilySansSerif: string;
34
- fontFamilySerif: string;
35
- fontFamilyMonospace: string;
36
- navigation: {
37
- background: string;
38
- project: {
39
- foreground: string;
40
- background: string;
41
- fontFamily: string;
42
- };
43
- modules: {
44
- background: string;
45
- button: {
46
- foreground: string;
47
- background: string;
48
- foregroundHover: string;
49
- foregroundActive: string;
50
- backgroundHover: string;
51
- backgroundActive: string;
52
- };
53
- };
54
- list: {
55
- foreground: string;
56
- background: string;
57
- fontFamily: string;
58
- foregroundHover: string;
59
- foregroundActive: string;
60
- backgroundHover: string;
61
- backgroundActive: string;
62
- icon: {
63
- foreground: string;
64
- foregroundHover: string;
65
- foregroundActive: string;
66
- };
67
- };
68
- };
69
- header: {
70
- background: string;
71
- headline: {
72
- foreground: string;
73
- fontFamily: string;
74
- };
75
- title: {
76
- foreground: string;
77
- fontFamily: string;
78
- };
79
- };
80
- form: {
81
- field: {
82
- label: {
83
- foreground: string;
84
- fontFamily: string;
85
- };
86
- input: {
87
- foreground: string;
88
- foregroundSubdued: string;
89
- background: string;
90
- };
91
- };
92
- };
93
- sidebar: {
94
- foreground: string;
95
- background: string;
96
- fontFamily: string;
97
- section: {
98
- toggle: {
99
- foreground: string;
100
- background: string;
101
- fontFamily: string;
102
- foregroundHover: string;
103
- foregroundActive: string;
104
- backgroundHover: string;
105
- backgroundActive: string;
106
- icon: {
107
- foreground: string;
108
- foregroundHover: string;
109
- foregroundActive: string;
110
- };
111
- };
112
- };
113
- };
114
- };
115
- }[];
116
- dark: {
117
- name: string;
118
- appearance: "light" | "dark";
119
- rules: {
120
- foreground: string;
121
- foregroundSubdued: string;
122
- foregroundAccent: string;
123
- background: string;
124
- primary: string;
125
- primaryBackground: string;
126
- primarySubdued: string;
127
- primaryAccent: string;
128
- secondary: string;
129
- secondaryBackground: string;
130
- secondarySubdued: string;
131
- secondaryAccent: string;
132
- success: string;
133
- successBackground: string;
134
- successSubdued: string;
135
- successAccent: string;
136
- warning: string;
137
- warningBackground: string;
138
- warningSubdued: string;
139
- warningAccent: string;
140
- danger: string;
141
- dangerBackground: string;
142
- dangerSubdued: string;
143
- dangerAccent: string;
144
- fontFamilyDisplay: string;
145
- fontFamilySansSerif: string;
146
- fontFamilySerif: string;
147
- fontFamilyMonospace: string;
148
- navigation: {
149
- background: string;
150
- project: {
151
- foreground: string;
152
- background: string;
153
- fontFamily: string;
154
- };
155
- modules: {
156
- background: string;
157
- button: {
158
- foreground: string;
159
- background: string;
160
- foregroundHover: string;
161
- foregroundActive: string;
162
- backgroundHover: string;
163
- backgroundActive: string;
164
- };
165
- };
166
- list: {
167
- foreground: string;
168
- background: string;
169
- fontFamily: string;
170
- foregroundHover: string;
171
- foregroundActive: string;
172
- backgroundHover: string;
173
- backgroundActive: string;
174
- icon: {
175
- foreground: string;
176
- foregroundHover: string;
177
- foregroundActive: string;
178
- };
179
- };
180
- };
181
- header: {
182
- background: string;
183
- headline: {
184
- foreground: string;
185
- fontFamily: string;
186
- };
187
- title: {
188
- foreground: string;
189
- fontFamily: string;
190
- };
191
- };
192
- form: {
193
- field: {
194
- label: {
195
- foreground: string;
196
- fontFamily: string;
197
- };
198
- input: {
199
- foreground: string;
200
- foregroundSubdued: string;
201
- background: string;
202
- };
203
- };
204
- };
205
- sidebar: {
206
- foreground: string;
207
- background: string;
208
- fontFamily: string;
209
- section: {
210
- toggle: {
211
- foreground: string;
212
- background: string;
213
- fontFamily: string;
214
- foregroundHover: string;
215
- foregroundActive: string;
216
- backgroundHover: string;
217
- backgroundActive: string;
218
- icon: {
219
- foreground: string;
220
- foregroundHover: string;
221
- foregroundActive: string;
222
- };
223
- };
224
- };
225
- };
226
- };
227
- }[];
228
- };
229
- registerTheme: (theme: Theme) => void;
230
- }, "themes">>, Pick<{
231
- themes: {
232
- light: {
233
- name: string;
234
- appearance: "light" | "dark";
235
- rules: {
236
- foreground: string;
237
- foregroundSubdued: string;
238
- foregroundAccent: string;
239
- background: string;
240
- primary: string;
241
- primaryBackground: string;
242
- primarySubdued: string;
243
- primaryAccent: string;
244
- secondary: string;
245
- secondaryBackground: string;
246
- secondarySubdued: string;
247
- secondaryAccent: string;
248
- success: string;
249
- successBackground: string;
250
- successSubdued: string;
251
- successAccent: string;
252
- warning: string;
253
- warningBackground: string;
254
- warningSubdued: string;
255
- warningAccent: string;
256
- danger: string;
257
- dangerBackground: string;
258
- dangerSubdued: string;
259
- dangerAccent: string;
260
- fontFamilyDisplay: string;
261
- fontFamilySansSerif: string;
262
- fontFamilySerif: string;
263
- fontFamilyMonospace: string;
264
- navigation: {
265
- background: string;
266
- project: {
267
- foreground: string;
268
- background: string;
269
- fontFamily: string;
270
- };
271
- modules: {
272
- background: string;
273
- button: {
274
- foreground: string;
275
- background: string;
276
- foregroundHover: string;
277
- foregroundActive: string;
278
- backgroundHover: string;
279
- backgroundActive: string;
280
- };
281
- };
282
- list: {
283
- foreground: string;
284
- background: string;
285
- fontFamily: string;
286
- foregroundHover: string;
287
- foregroundActive: string;
288
- backgroundHover: string;
289
- backgroundActive: string;
290
- icon: {
291
- foreground: string;
292
- foregroundHover: string;
293
- foregroundActive: string;
294
- };
295
- };
296
- };
297
- header: {
298
- background: string;
299
- headline: {
300
- foreground: string;
301
- fontFamily: string;
302
- };
303
- title: {
304
- foreground: string;
305
- fontFamily: string;
306
- };
307
- };
308
- form: {
309
- field: {
310
- label: {
311
- foreground: string;
312
- fontFamily: string;
313
- };
314
- input: {
315
- foreground: string;
316
- foregroundSubdued: string;
317
- background: string;
318
- };
319
- };
320
- };
321
- sidebar: {
322
- foreground: string;
323
- background: string;
324
- fontFamily: string;
325
- section: {
326
- toggle: {
327
- foreground: string;
328
- background: string;
329
- fontFamily: string;
330
- foregroundHover: string;
331
- foregroundActive: string;
332
- backgroundHover: string;
333
- backgroundActive: string;
334
- icon: {
335
- foreground: string;
336
- foregroundHover: string;
337
- foregroundActive: string;
338
- };
339
- };
340
- };
341
- };
342
- };
343
- }[];
344
- dark: {
345
- name: string;
346
- appearance: "light" | "dark";
347
- rules: {
348
- foreground: string;
349
- foregroundSubdued: string;
350
- foregroundAccent: string;
351
- background: string;
352
- primary: string;
353
- primaryBackground: string;
354
- primarySubdued: string;
355
- primaryAccent: string;
356
- secondary: string;
357
- secondaryBackground: string;
358
- secondarySubdued: string;
359
- secondaryAccent: string;
360
- success: string;
361
- successBackground: string;
362
- successSubdued: string;
363
- successAccent: string;
364
- warning: string;
365
- warningBackground: string;
366
- warningSubdued: string;
367
- warningAccent: string;
368
- danger: string;
369
- dangerBackground: string;
370
- dangerSubdued: string;
371
- dangerAccent: string;
372
- fontFamilyDisplay: string;
373
- fontFamilySansSerif: string;
374
- fontFamilySerif: string;
375
- fontFamilyMonospace: string;
376
- navigation: {
377
- background: string;
378
- project: {
379
- foreground: string;
380
- background: string;
381
- fontFamily: string;
382
- };
383
- modules: {
384
- background: string;
385
- button: {
386
- foreground: string;
387
- background: string;
388
- foregroundHover: string;
389
- foregroundActive: string;
390
- backgroundHover: string;
391
- backgroundActive: string;
392
- };
393
- };
394
- list: {
395
- foreground: string;
396
- background: string;
397
- fontFamily: string;
398
- foregroundHover: string;
399
- foregroundActive: string;
400
- backgroundHover: string;
401
- backgroundActive: string;
402
- icon: {
403
- foreground: string;
404
- foregroundHover: string;
405
- foregroundActive: string;
406
- };
407
- };
408
- };
409
- header: {
410
- background: string;
411
- headline: {
412
- foreground: string;
413
- fontFamily: string;
414
- };
415
- title: {
416
- foreground: string;
417
- fontFamily: string;
418
- };
419
- };
420
- form: {
421
- field: {
422
- label: {
423
- foreground: string;
424
- fontFamily: string;
425
- };
426
- input: {
427
- foreground: string;
428
- foregroundSubdued: string;
429
- background: string;
430
- };
431
- };
432
- };
433
- sidebar: {
434
- foreground: string;
435
- background: string;
436
- fontFamily: string;
437
- section: {
438
- toggle: {
439
- foreground: string;
440
- background: string;
441
- fontFamily: string;
442
- foregroundHover: string;
443
- foregroundActive: string;
444
- backgroundHover: string;
445
- backgroundActive: string;
446
- icon: {
447
- foreground: string;
448
- foregroundHover: string;
449
- foregroundActive: string;
450
- };
451
- };
452
- };
453
- };
454
- };
455
- }[];
456
- };
457
- registerTheme: (theme: Theme) => void;
458
- }, never>, Pick<{
459
- themes: {
460
- light: {
461
- name: string;
462
- appearance: "light" | "dark";
463
- rules: {
464
- foreground: string;
465
- foregroundSubdued: string;
466
- foregroundAccent: string;
467
- background: string;
468
- primary: string;
469
- primaryBackground: string;
470
- primarySubdued: string;
471
- primaryAccent: string;
472
- secondary: string;
473
- secondaryBackground: string;
474
- secondarySubdued: string;
475
- secondaryAccent: string;
476
- success: string;
477
- successBackground: string;
478
- successSubdued: string;
479
- successAccent: string;
480
- warning: string;
481
- warningBackground: string;
482
- warningSubdued: string;
483
- warningAccent: string;
484
- danger: string;
485
- dangerBackground: string;
486
- dangerSubdued: string;
487
- dangerAccent: string;
488
- fontFamilyDisplay: string;
489
- fontFamilySansSerif: string;
490
- fontFamilySerif: string;
491
- fontFamilyMonospace: string;
492
- navigation: {
493
- background: string;
494
- project: {
495
- foreground: string;
496
- background: string;
497
- fontFamily: string;
498
- };
499
- modules: {
500
- background: string;
501
- button: {
502
- foreground: string;
503
- background: string;
504
- foregroundHover: string;
505
- foregroundActive: string;
506
- backgroundHover: string;
507
- backgroundActive: string;
508
- };
509
- };
510
- list: {
511
- foreground: string;
512
- background: string;
513
- fontFamily: string;
514
- foregroundHover: string;
515
- foregroundActive: string;
516
- backgroundHover: string;
517
- backgroundActive: string;
518
- icon: {
519
- foreground: string;
520
- foregroundHover: string;
521
- foregroundActive: string;
522
- };
523
- };
524
- };
525
- header: {
526
- background: string;
527
- headline: {
528
- foreground: string;
529
- fontFamily: string;
530
- };
531
- title: {
532
- foreground: string;
533
- fontFamily: string;
534
- };
535
- };
536
- form: {
537
- field: {
538
- label: {
539
- foreground: string;
540
- fontFamily: string;
541
- };
542
- input: {
543
- foreground: string;
544
- foregroundSubdued: string;
545
- background: string;
546
- };
547
- };
548
- };
549
- sidebar: {
550
- foreground: string;
551
- background: string;
552
- fontFamily: string;
553
- section: {
554
- toggle: {
555
- foreground: string;
556
- background: string;
557
- fontFamily: string;
558
- foregroundHover: string;
559
- foregroundActive: string;
560
- backgroundHover: string;
561
- backgroundActive: string;
562
- icon: {
563
- foreground: string;
564
- foregroundHover: string;
565
- foregroundActive: string;
566
- };
567
- };
568
- };
569
- };
570
- };
571
- }[];
572
- dark: {
573
- name: string;
574
- appearance: "light" | "dark";
575
- rules: {
576
- foreground: string;
577
- foregroundSubdued: string;
578
- foregroundAccent: string;
579
- background: string;
580
- primary: string;
581
- primaryBackground: string;
582
- primarySubdued: string;
583
- primaryAccent: string;
584
- secondary: string;
585
- secondaryBackground: string;
586
- secondarySubdued: string;
587
- secondaryAccent: string;
588
- success: string;
589
- successBackground: string;
590
- successSubdued: string;
591
- successAccent: string;
592
- warning: string;
593
- warningBackground: string;
594
- warningSubdued: string;
595
- warningAccent: string;
596
- danger: string;
597
- dangerBackground: string;
598
- dangerSubdued: string;
599
- dangerAccent: string;
600
- fontFamilyDisplay: string;
601
- fontFamilySansSerif: string;
602
- fontFamilySerif: string;
603
- fontFamilyMonospace: string;
604
- navigation: {
605
- background: string;
606
- project: {
607
- foreground: string;
608
- background: string;
609
- fontFamily: string;
610
- };
611
- modules: {
612
- background: string;
613
- button: {
614
- foreground: string;
615
- background: string;
616
- foregroundHover: string;
617
- foregroundActive: string;
618
- backgroundHover: string;
619
- backgroundActive: string;
620
- };
621
- };
622
- list: {
623
- foreground: string;
624
- background: string;
625
- fontFamily: string;
626
- foregroundHover: string;
627
- foregroundActive: string;
628
- backgroundHover: string;
629
- backgroundActive: string;
630
- icon: {
631
- foreground: string;
632
- foregroundHover: string;
633
- foregroundActive: string;
634
- };
635
- };
636
- };
637
- header: {
638
- background: string;
639
- headline: {
640
- foreground: string;
641
- fontFamily: string;
642
- };
643
- title: {
644
- foreground: string;
645
- fontFamily: string;
646
- };
647
- };
648
- form: {
649
- field: {
650
- label: {
651
- foreground: string;
652
- fontFamily: string;
653
- };
654
- input: {
655
- foreground: string;
656
- foregroundSubdued: string;
657
- background: string;
658
- };
659
- };
660
- };
661
- sidebar: {
662
- foreground: string;
663
- background: string;
664
- fontFamily: string;
665
- section: {
666
- toggle: {
667
- foreground: string;
668
- background: string;
669
- fontFamily: string;
670
- foregroundHover: string;
671
- foregroundActive: string;
672
- backgroundHover: string;
673
- backgroundActive: string;
674
- icon: {
675
- foreground: string;
676
- foregroundHover: string;
677
- foregroundActive: string;
678
- };
679
- };
680
- };
681
- };
682
- };
683
- }[];
684
- };
685
- registerTheme: (theme: Theme) => void;
686
- }, "registerTheme">>;