@directus/themes 0.1.0 → 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 +246 -156
  3. package/dist/schema.d.ts +31 -5
  4. package/dist/schema.json +159 -18
  5. package/dist/store.d.ts +150 -0
  6. package/dist/theme-provider.vue.d.ts +100 -0
  7. package/dist/use-theme.d.ts +25 -0
  8. package/package.json +1 -1
package/dist/store.d.ts CHANGED
@@ -33,15 +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;
41
47
  fontFamily: string;
42
48
  };
43
49
  modules: {
44
50
  background: string;
51
+ borderWidth: string;
52
+ borderColor: string;
45
53
  button: {
46
54
  foreground: string;
47
55
  background: string;
@@ -64,10 +72,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
64
72
  foregroundHover: string;
65
73
  foregroundActive: string;
66
74
  };
75
+ divider: {
76
+ borderWidth: string;
77
+ borderColor: string;
78
+ };
67
79
  };
68
80
  };
69
81
  header: {
70
82
  background: string;
83
+ borderWidth: string;
84
+ borderColor: string;
85
+ boxShadow: string;
71
86
  headline: {
72
87
  foreground: string;
73
88
  fontFamily: string;
@@ -87,17 +102,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
87
102
  foreground: string;
88
103
  foregroundSubdued: string;
89
104
  background: string;
105
+ borderColor: string;
106
+ boxShadow: string;
107
+ borderColorHover: string;
108
+ borderColorFocus: string;
109
+ boxShadowHover: string;
110
+ boxShadowFocus: string;
90
111
  };
91
112
  };
92
113
  };
93
114
  sidebar: {
94
115
  foreground: string;
95
116
  background: string;
117
+ borderWidth: string;
118
+ borderColor: string;
96
119
  fontFamily: string;
97
120
  section: {
98
121
  toggle: {
99
122
  foreground: string;
100
123
  background: string;
124
+ borderWidth: string;
125
+ borderColor: string;
101
126
  fontFamily: string;
102
127
  foregroundHover: string;
103
128
  foregroundActive: string;
@@ -145,15 +170,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
145
170
  fontFamilySansSerif: string;
146
171
  fontFamilySerif: string;
147
172
  fontFamilyMonospace: string;
173
+ borderRadius: string;
174
+ borderWidth: string;
148
175
  navigation: {
149
176
  background: string;
177
+ borderWidth: string;
178
+ borderColor: string;
150
179
  project: {
151
180
  foreground: string;
152
181
  background: string;
182
+ borderWidth: string;
183
+ borderColor: string;
153
184
  fontFamily: string;
154
185
  };
155
186
  modules: {
156
187
  background: string;
188
+ borderWidth: string;
189
+ borderColor: string;
157
190
  button: {
158
191
  foreground: string;
159
192
  background: string;
@@ -176,10 +209,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
176
209
  foregroundHover: string;
177
210
  foregroundActive: string;
178
211
  };
212
+ divider: {
213
+ borderWidth: string;
214
+ borderColor: string;
215
+ };
179
216
  };
180
217
  };
181
218
  header: {
182
219
  background: string;
220
+ borderWidth: string;
221
+ borderColor: string;
222
+ boxShadow: string;
183
223
  headline: {
184
224
  foreground: string;
185
225
  fontFamily: string;
@@ -199,17 +239,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
199
239
  foreground: string;
200
240
  foregroundSubdued: string;
201
241
  background: string;
242
+ borderColor: string;
243
+ boxShadow: string;
244
+ borderColorHover: string;
245
+ borderColorFocus: string;
246
+ boxShadowHover: string;
247
+ boxShadowFocus: string;
202
248
  };
203
249
  };
204
250
  };
205
251
  sidebar: {
206
252
  foreground: string;
207
253
  background: string;
254
+ borderWidth: string;
255
+ borderColor: string;
208
256
  fontFamily: string;
209
257
  section: {
210
258
  toggle: {
211
259
  foreground: string;
212
260
  background: string;
261
+ borderWidth: string;
262
+ borderColor: string;
213
263
  fontFamily: string;
214
264
  foregroundHover: string;
215
265
  foregroundActive: string;
@@ -261,15 +311,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
261
311
  fontFamilySansSerif: string;
262
312
  fontFamilySerif: string;
263
313
  fontFamilyMonospace: string;
314
+ borderRadius: string;
315
+ borderWidth: string;
264
316
  navigation: {
265
317
  background: string;
318
+ borderWidth: string;
319
+ borderColor: string;
266
320
  project: {
267
321
  foreground: string;
268
322
  background: string;
323
+ borderWidth: string;
324
+ borderColor: string;
269
325
  fontFamily: string;
270
326
  };
271
327
  modules: {
272
328
  background: string;
329
+ borderWidth: string;
330
+ borderColor: string;
273
331
  button: {
274
332
  foreground: string;
275
333
  background: string;
@@ -292,10 +350,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
292
350
  foregroundHover: string;
293
351
  foregroundActive: string;
294
352
  };
353
+ divider: {
354
+ borderWidth: string;
355
+ borderColor: string;
356
+ };
295
357
  };
296
358
  };
297
359
  header: {
298
360
  background: string;
361
+ borderWidth: string;
362
+ borderColor: string;
363
+ boxShadow: string;
299
364
  headline: {
300
365
  foreground: string;
301
366
  fontFamily: string;
@@ -315,17 +380,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
315
380
  foreground: string;
316
381
  foregroundSubdued: string;
317
382
  background: string;
383
+ borderColor: string;
384
+ boxShadow: string;
385
+ borderColorHover: string;
386
+ borderColorFocus: string;
387
+ boxShadowHover: string;
388
+ boxShadowFocus: string;
318
389
  };
319
390
  };
320
391
  };
321
392
  sidebar: {
322
393
  foreground: string;
323
394
  background: string;
395
+ borderWidth: string;
396
+ borderColor: string;
324
397
  fontFamily: string;
325
398
  section: {
326
399
  toggle: {
327
400
  foreground: string;
328
401
  background: string;
402
+ borderWidth: string;
403
+ borderColor: string;
329
404
  fontFamily: string;
330
405
  foregroundHover: string;
331
406
  foregroundActive: string;
@@ -373,15 +448,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
373
448
  fontFamilySansSerif: string;
374
449
  fontFamilySerif: string;
375
450
  fontFamilyMonospace: string;
451
+ borderRadius: string;
452
+ borderWidth: string;
376
453
  navigation: {
377
454
  background: string;
455
+ borderWidth: string;
456
+ borderColor: string;
378
457
  project: {
379
458
  foreground: string;
380
459
  background: string;
460
+ borderWidth: string;
461
+ borderColor: string;
381
462
  fontFamily: string;
382
463
  };
383
464
  modules: {
384
465
  background: string;
466
+ borderWidth: string;
467
+ borderColor: string;
385
468
  button: {
386
469
  foreground: string;
387
470
  background: string;
@@ -404,10 +487,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
404
487
  foregroundHover: string;
405
488
  foregroundActive: string;
406
489
  };
490
+ divider: {
491
+ borderWidth: string;
492
+ borderColor: string;
493
+ };
407
494
  };
408
495
  };
409
496
  header: {
410
497
  background: string;
498
+ borderWidth: string;
499
+ borderColor: string;
500
+ boxShadow: string;
411
501
  headline: {
412
502
  foreground: string;
413
503
  fontFamily: string;
@@ -427,17 +517,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
427
517
  foreground: string;
428
518
  foregroundSubdued: string;
429
519
  background: string;
520
+ borderColor: string;
521
+ boxShadow: string;
522
+ borderColorHover: string;
523
+ borderColorFocus: string;
524
+ boxShadowHover: string;
525
+ boxShadowFocus: string;
430
526
  };
431
527
  };
432
528
  };
433
529
  sidebar: {
434
530
  foreground: string;
435
531
  background: string;
532
+ borderWidth: string;
533
+ borderColor: string;
436
534
  fontFamily: string;
437
535
  section: {
438
536
  toggle: {
439
537
  foreground: string;
440
538
  background: string;
539
+ borderWidth: string;
540
+ borderColor: string;
441
541
  fontFamily: string;
442
542
  foregroundHover: string;
443
543
  foregroundActive: string;
@@ -489,15 +589,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
489
589
  fontFamilySansSerif: string;
490
590
  fontFamilySerif: string;
491
591
  fontFamilyMonospace: string;
592
+ borderRadius: string;
593
+ borderWidth: string;
492
594
  navigation: {
493
595
  background: string;
596
+ borderWidth: string;
597
+ borderColor: string;
494
598
  project: {
495
599
  foreground: string;
496
600
  background: string;
601
+ borderWidth: string;
602
+ borderColor: string;
497
603
  fontFamily: string;
498
604
  };
499
605
  modules: {
500
606
  background: string;
607
+ borderWidth: string;
608
+ borderColor: string;
501
609
  button: {
502
610
  foreground: string;
503
611
  background: string;
@@ -520,10 +628,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
520
628
  foregroundHover: string;
521
629
  foregroundActive: string;
522
630
  };
631
+ divider: {
632
+ borderWidth: string;
633
+ borderColor: string;
634
+ };
523
635
  };
524
636
  };
525
637
  header: {
526
638
  background: string;
639
+ borderWidth: string;
640
+ borderColor: string;
641
+ boxShadow: string;
527
642
  headline: {
528
643
  foreground: string;
529
644
  fontFamily: string;
@@ -543,17 +658,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
543
658
  foreground: string;
544
659
  foregroundSubdued: string;
545
660
  background: string;
661
+ borderColor: string;
662
+ boxShadow: string;
663
+ borderColorHover: string;
664
+ borderColorFocus: string;
665
+ boxShadowHover: string;
666
+ boxShadowFocus: string;
546
667
  };
547
668
  };
548
669
  };
549
670
  sidebar: {
550
671
  foreground: string;
551
672
  background: string;
673
+ borderWidth: string;
674
+ borderColor: string;
552
675
  fontFamily: string;
553
676
  section: {
554
677
  toggle: {
555
678
  foreground: string;
556
679
  background: string;
680
+ borderWidth: string;
681
+ borderColor: string;
557
682
  fontFamily: string;
558
683
  foregroundHover: string;
559
684
  foregroundActive: string;
@@ -601,15 +726,23 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
601
726
  fontFamilySansSerif: string;
602
727
  fontFamilySerif: string;
603
728
  fontFamilyMonospace: string;
729
+ borderRadius: string;
730
+ borderWidth: string;
604
731
  navigation: {
605
732
  background: string;
733
+ borderWidth: string;
734
+ borderColor: string;
606
735
  project: {
607
736
  foreground: string;
608
737
  background: string;
738
+ borderWidth: string;
739
+ borderColor: string;
609
740
  fontFamily: string;
610
741
  };
611
742
  modules: {
612
743
  background: string;
744
+ borderWidth: string;
745
+ borderColor: string;
613
746
  button: {
614
747
  foreground: string;
615
748
  background: string;
@@ -632,10 +765,17 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
632
765
  foregroundHover: string;
633
766
  foregroundActive: string;
634
767
  };
768
+ divider: {
769
+ borderWidth: string;
770
+ borderColor: string;
771
+ };
635
772
  };
636
773
  };
637
774
  header: {
638
775
  background: string;
776
+ borderWidth: string;
777
+ borderColor: string;
778
+ boxShadow: string;
639
779
  headline: {
640
780
  foreground: string;
641
781
  fontFamily: string;
@@ -655,17 +795,27 @@ export declare const useThemeStore: import("pinia").StoreDefinition<"🎨 Themes
655
795
  foreground: string;
656
796
  foregroundSubdued: string;
657
797
  background: string;
798
+ borderColor: string;
799
+ boxShadow: string;
800
+ borderColorHover: string;
801
+ borderColorFocus: string;
802
+ boxShadowHover: string;
803
+ boxShadowFocus: string;
658
804
  };
659
805
  };
660
806
  };
661
807
  sidebar: {
662
808
  foreground: string;
663
809
  background: string;
810
+ borderWidth: string;
811
+ borderColor: string;
664
812
  fontFamily: string;
665
813
  section: {
666
814
  toggle: {
667
815
  foreground: string;
668
816
  background: string;
817
+ borderWidth: string;
818
+ borderColor: string;
669
819
  fontFamily: string;
670
820
  foregroundHover: string;
671
821
  foregroundActive: string;
package/dist/theme-provider.vue.d.ts CHANGED
@@ -40,15 +40,23 @@ declare const _default: import("vue").DefineComponent<{
40
40
  fontFamilySansSerif?: string;
41
41
  fontFamilySerif?: string;
42
42
  fontFamilyMonospace?: string;
43
+ borderRadius?: string;
44
+ borderWidth?: string;
43
45
  navigation?: {
44
46
  background?: string;
47
+ borderWidth?: string;
48
+ borderColor?: string;
45
49
  project?: {
46
50
  foreground?: string;
47
51
  background?: string;
52
+ borderWidth?: string;
53
+ borderColor?: string;
48
54
  fontFamily?: string;
49
55
  };
50
56
  modules?: {
51
57
  background?: string;
58
+ borderWidth?: string;
59
+ borderColor?: string;
52
60
  button?: {
53
61
  foreground?: string;
54
62
  background?: string;
@@ -71,10 +79,17 @@ declare const _default: import("vue").DefineComponent<{
71
79
  foregroundHover?: string;
72
80
  foregroundActive?: string;
73
81
  };
82
+ divider?: {
83
+ borderWidth?: string;
84
+ borderColor?: string;
85
+ };
74
86
  };
75
87
  };
76
88
  header?: {
77
89
  background?: string;
90
+ borderWidth?: string;
91
+ borderColor?: string;
92
+ boxShadow?: string;
78
93
  headline?: {
79
94
  foreground?: string;
80
95
  fontFamily?: string;
@@ -94,17 +109,27 @@ declare const _default: import("vue").DefineComponent<{
94
109
  foreground?: string;
95
110
  foregroundSubdued?: string;
96
111
  background?: string;
112
+ borderColor?: string;
113
+ boxShadow?: string;
114
+ borderColorHover?: string;
115
+ borderColorFocus?: string;
116
+ boxShadowHover?: string;
117
+ boxShadowFocus?: string;
97
118
  };
98
119
  };
99
120
  };
100
121
  sidebar?: {
101
122
  foreground?: string;
102
123
  background?: string;
124
+ borderWidth?: string;
125
+ borderColor?: string;
103
126
  fontFamily?: string;
104
127
  section?: {
105
128
  toggle?: {
106
129
  foreground?: string;
107
130
  background?: string;
131
+ borderWidth?: string;
132
+ borderColor?: string;
108
133
  fontFamily?: string;
109
134
  foregroundHover?: string;
110
135
  foregroundActive?: string;
@@ -157,15 +182,23 @@ declare const _default: import("vue").DefineComponent<{
157
182
  fontFamilySansSerif?: string;
158
183
  fontFamilySerif?: string;
159
184
  fontFamilyMonospace?: string;
185
+ borderRadius?: string;
186
+ borderWidth?: string;
160
187
  navigation?: {
161
188
  background?: string;
189
+ borderWidth?: string;
190
+ borderColor?: string;
162
191
  project?: {
163
192
  foreground?: string;
164
193
  background?: string;
194
+ borderWidth?: string;
195
+ borderColor?: string;
165
196
  fontFamily?: string;
166
197
  };
167
198
  modules?: {
168
199
  background?: string;
200
+ borderWidth?: string;
201
+ borderColor?: string;
169
202
  button?: {
170
203
  foreground?: string;
171
204
  background?: string;
@@ -188,10 +221,17 @@ declare const _default: import("vue").DefineComponent<{
188
221
  foregroundHover?: string;
189
222
  foregroundActive?: string;
190
223
  };
224
+ divider?: {
225
+ borderWidth?: string;
226
+ borderColor?: string;
227
+ };
191
228
  };
192
229
  };
193
230
  header?: {
194
231
  background?: string;
232
+ borderWidth?: string;
233
+ borderColor?: string;
234
+ boxShadow?: string;
195
235
  headline?: {
196
236
  foreground?: string;
197
237
  fontFamily?: string;
@@ -211,17 +251,27 @@ declare const _default: import("vue").DefineComponent<{
211
251
  foreground?: string;
212
252
  foregroundSubdued?: string;
213
253
  background?: string;
254
+ borderColor?: string;
255
+ boxShadow?: string;
256
+ borderColorHover?: string;
257
+ borderColorFocus?: string;
258
+ boxShadowHover?: string;
259
+ boxShadowFocus?: string;
214
260
  };
215
261
  };
216
262
  };
217
263
  sidebar?: {
218
264
  foreground?: string;
219
265
  background?: string;
266
+ borderWidth?: string;
267
+ borderColor?: string;
220
268
  fontFamily?: string;
221
269
  section?: {
222
270
  toggle?: {
223
271
  foreground?: string;
224
272
  background?: string;
273
+ borderWidth?: string;
274
+ borderColor?: string;
225
275
  fontFamily?: string;
226
276
  foregroundHover?: string;
227
277
  foregroundActive?: string;
@@ -279,15 +329,23 @@ declare const _default: import("vue").DefineComponent<{
279
329
  fontFamilySansSerif?: string;
280
330
  fontFamilySerif?: string;
281
331
  fontFamilyMonospace?: string;
332
+ borderRadius?: string;
333
+ borderWidth?: string;
282
334
  navigation?: {
283
335
  background?: string;
336
+ borderWidth?: string;
337
+ borderColor?: string;
284
338
  project?: {
285
339
  foreground?: string;
286
340
  background?: string;
341
+ borderWidth?: string;
342
+ borderColor?: string;
287
343
  fontFamily?: string;
288
344
  };
289
345
  modules?: {
290
346
  background?: string;
347
+ borderWidth?: string;
348
+ borderColor?: string;
291
349
  button?: {
292
350
  foreground?: string;
293
351
  background?: string;
@@ -310,10 +368,17 @@ declare const _default: import("vue").DefineComponent<{
310
368
  foregroundHover?: string;
311
369
  foregroundActive?: string;
312
370
  };
371
+ divider?: {
372
+ borderWidth?: string;
373
+ borderColor?: string;
374
+ };
313
375
  };
314
376
  };
315
377
  header?: {
316
378
  background?: string;
379
+ borderWidth?: string;
380
+ borderColor?: string;
381
+ boxShadow?: string;
317
382
  headline?: {
318
383
  foreground?: string;
319
384
  fontFamily?: string;
@@ -333,17 +398,27 @@ declare const _default: import("vue").DefineComponent<{
333
398
  foreground?: string;
334
399
  foregroundSubdued?: string;
335
400
  background?: string;
401
+ borderColor?: string;
402
+ boxShadow?: string;
403
+ borderColorHover?: string;
404
+ borderColorFocus?: string;
405
+ boxShadowHover?: string;
406
+ boxShadowFocus?: string;
336
407
  };
337
408
  };
338
409
  };
339
410
  sidebar?: {
340
411
  foreground?: string;
341
412
  background?: string;
413
+ borderWidth?: string;
414
+ borderColor?: string;
342
415
  fontFamily?: string;
343
416
  section?: {
344
417
  toggle?: {
345
418
  foreground?: string;
346
419
  background?: string;
420
+ borderWidth?: string;
421
+ borderColor?: string;
347
422
  fontFamily?: string;
348
423
  foregroundHover?: string;
349
424
  foregroundActive?: string;
@@ -396,15 +471,23 @@ declare const _default: import("vue").DefineComponent<{
396
471
  fontFamilySansSerif?: string;
397
472
  fontFamilySerif?: string;
398
473
  fontFamilyMonospace?: string;
474
+ borderRadius?: string;
475
+ borderWidth?: string;
399
476
  navigation?: {
400
477
  background?: string;
478
+ borderWidth?: string;
479
+ borderColor?: string;
401
480
  project?: {
402
481
  foreground?: string;
403
482
  background?: string;
483
+ borderWidth?: string;
484
+ borderColor?: string;
404
485
  fontFamily?: string;
405
486
  };
406
487
  modules?: {
407
488
  background?: string;
489
+ borderWidth?: string;
490
+ borderColor?: string;
408
491
  button?: {
409
492
  foreground?: string;
410
493
  background?: string;
@@ -427,10 +510,17 @@ declare const _default: import("vue").DefineComponent<{
427
510
  foregroundHover?: string;
428
511
  foregroundActive?: string;
429
512
  };
513
+ divider?: {
514
+ borderWidth?: string;
515
+ borderColor?: string;
516
+ };
430
517
  };
431
518
  };
432
519
  header?: {
433
520
  background?: string;
521
+ borderWidth?: string;
522
+ borderColor?: string;
523
+ boxShadow?: string;
434
524
  headline?: {
435
525
  foreground?: string;
436
526
  fontFamily?: string;
@@ -450,17 +540,27 @@ declare const _default: import("vue").DefineComponent<{
450
540
  foreground?: string;
451
541
  foregroundSubdued?: string;
452
542
  background?: string;
543
+ borderColor?: string;
544
+ boxShadow?: string;
545
+ borderColorHover?: string;
546
+ borderColorFocus?: string;
547
+ boxShadowHover?: string;
548
+ boxShadowFocus?: string;
453
549
  };
454
550
  };
455
551
  };
456
552
  sidebar?: {
457
553
  foreground?: string;
458
554
  background?: string;
555
+ borderWidth?: string;
556
+ borderColor?: string;
459
557
  fontFamily?: string;
460
558
  section?: {
461
559
  toggle?: {
462
560
  foreground?: string;
463
561
  background?: string;
562
+ borderWidth?: string;
563
+ borderColor?: string;
464
564
  fontFamily?: string;
465
565
  foregroundHover?: string;
466
566
  foregroundActive?: string;