@directus/themes 1.1.2 → 1.1.4

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 (13) hide show
  1. package/dist/components/theme-provider.vue.d.ts +1 -2
  2. package/dist/composables/use-fonts.d.ts +2 -2
  3. package/dist/composables/use-fonts.test.d.ts +1 -0
  4. package/dist/composables/use-theme.d.ts +1 -2
  5. package/dist/index.d.ts +1 -1
  6. package/dist/index.js +4631 -360
  7. package/dist/stores/theme.d.ts +169 -169
  8. package/dist/themes/index.d.ts +1 -1
  9. package/dist/utils/define-theme.d.ts +1 -1
  10. package/dist/utils/rules-to-css-vars.d.ts +1 -2
  11. package/package.json +15 -13
  12. package/dist/schemas/index.d.ts +0 -1
  13. package/dist/schemas/theme.d.ts +0 -276
package/dist/stores/theme.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Theme } from '../schemas/theme.js';
1
+ import { Theme } from '@directus/types';
2
2
  export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes", Pick<{
3
3
  themes: {
4
4
  light: {
@@ -6,16 +6,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
6
6
  name: string;
7
7
  appearance: "light" | "dark";
8
8
  rules: {
9
- foreground?: string;
10
- background?: string;
11
- backgroundSubdued?: string;
12
- foregroundSubdued?: string;
13
- borderColor?: string;
14
9
  borderRadius?: string;
15
10
  borderWidth?: string;
11
+ foreground?: string;
12
+ foregroundSubdued?: string;
16
13
  foregroundAccent?: string;
14
+ background?: string;
17
15
  backgroundNormal?: string;
18
16
  backgroundAccent?: string;
17
+ backgroundSubdued?: string;
18
+ borderColor?: string;
19
19
  borderColorAccent?: string;
20
20
  borderColorSubdued?: string;
21
21
  primary?: string;
@@ -57,21 +57,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
57
57
  };
58
58
  };
59
59
  navigation?: {
60
- background?: string;
61
- borderColor?: string;
62
60
  borderWidth?: string;
61
+ background?: string;
63
62
  backgroundAccent?: string;
63
+ borderColor?: string;
64
64
  project?: {
65
+ borderWidth?: string;
65
66
  foreground?: string;
66
- fontFamily?: string;
67
67
  background?: string;
68
68
  borderColor?: string;
69
- borderWidth?: string;
69
+ fontFamily?: string;
70
70
  };
71
71
  modules?: {
72
+ borderWidth?: string;
72
73
  background?: string;
73
74
  borderColor?: string;
74
- borderWidth?: string;
75
75
  button?: {
76
76
  foreground?: string;
77
77
  background?: string;
@@ -83,8 +83,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
83
83
  };
84
84
  list?: {
85
85
  foreground?: string;
86
- fontFamily?: string;
87
86
  background?: string;
87
+ fontFamily?: string;
88
88
  foregroundHover?: string;
89
89
  foregroundActive?: string;
90
90
  backgroundHover?: string;
@@ -95,16 +95,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
95
95
  foregroundActive?: string;
96
96
  };
97
97
  divider: {
98
- borderColor?: string;
99
98
  borderWidth?: string;
99
+ borderColor?: string;
100
100
  };
101
101
  };
102
102
  };
103
103
  header?: {
104
+ borderWidth?: string;
104
105
  background?: string;
105
106
  borderColor?: string;
106
107
  boxShadow?: string;
107
- borderWidth?: string;
108
108
  headline?: {
109
109
  foreground?: string;
110
110
  fontFamily?: string;
@@ -126,13 +126,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
126
126
  };
127
127
  input?: {
128
128
  foreground?: string;
129
+ foregroundSubdued?: string;
129
130
  background?: string;
130
131
  backgroundSubdued?: string;
131
- foregroundSubdued?: string;
132
132
  borderColor?: string;
133
+ boxShadow?: string;
133
134
  borderColorHover?: string;
134
135
  borderColorFocus?: string;
135
- boxShadow?: string;
136
136
  boxShadowHover?: string;
137
137
  boxShadowFocus?: string;
138
138
  height?: string;
@@ -141,11 +141,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
141
141
  };
142
142
  };
143
143
  sidebar?: {
144
+ borderWidth?: string;
144
145
  foreground?: string;
145
- fontFamily?: string;
146
146
  background?: string;
147
147
  borderColor?: string;
148
- borderWidth?: string;
148
+ fontFamily?: string;
149
149
  section?: {
150
150
  form?: {
151
151
  columnGap?: string;
@@ -158,13 +158,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
158
158
  };
159
159
  input?: {
160
160
  foreground?: string;
161
+ foregroundSubdued?: string;
161
162
  background?: string;
162
163
  backgroundSubdued?: string;
163
- foregroundSubdued?: string;
164
164
  borderColor?: string;
165
+ boxShadow?: string;
165
166
  borderColorHover?: string;
166
167
  borderColorFocus?: string;
167
- boxShadow?: string;
168
168
  boxShadowHover?: string;
169
169
  boxShadowFocus?: string;
170
170
  height?: string;
@@ -173,11 +173,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
173
173
  };
174
174
  };
175
175
  toggle?: {
176
+ borderWidth?: string;
176
177
  foreground?: string;
177
- fontFamily?: string;
178
178
  background?: string;
179
179
  borderColor?: string;
180
- borderWidth?: string;
180
+ fontFamily?: string;
181
181
  foregroundHover?: string;
182
182
  foregroundActive?: string;
183
183
  backgroundHover?: string;
@@ -192,8 +192,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
192
192
  };
193
193
  public?: {
194
194
  foreground?: string;
195
- background?: string;
196
195
  foregroundAccent?: string;
196
+ background?: string;
197
197
  form?: {
198
198
  columnGap?: string;
199
199
  rowGap?: string;
@@ -205,13 +205,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
205
205
  };
206
206
  input?: {
207
207
  foreground?: string;
208
+ foregroundSubdued?: string;
208
209
  background?: string;
209
210
  backgroundSubdued?: string;
210
- foregroundSubdued?: string;
211
211
  borderColor?: string;
212
+ boxShadow?: string;
212
213
  borderColorHover?: string;
213
214
  borderColorFocus?: string;
214
- boxShadow?: string;
215
215
  boxShadowHover?: string;
216
216
  boxShadowFocus?: string;
217
217
  height?: string;
@@ -228,15 +228,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
228
228
  };
229
229
  popover?: {
230
230
  menu?: {
231
+ borderRadius?: string;
231
232
  background?: string;
232
233
  boxShadow?: string;
233
- borderRadius?: string;
234
234
  };
235
235
  };
236
236
  banner?: {
237
- background?: string;
238
- padding?: string;
239
237
  borderRadius?: string;
238
+ background?: string;
240
239
  headline?: {
241
240
  foreground?: string;
242
241
  fontFamily?: string;
@@ -247,13 +246,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
247
246
  fontFamily?: string;
248
247
  fontWeight?: string;
249
248
  };
249
+ padding?: string;
250
250
  art?: {
251
251
  foreground?: string;
252
252
  };
253
253
  avatar?: {
254
+ borderRadius?: string;
254
255
  foreground?: string;
255
256
  background?: string;
256
- borderRadius?: string;
257
257
  };
258
258
  subtitle?: {
259
259
  foreground?: string;
@@ -268,16 +268,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
268
268
  name: string;
269
269
  appearance: "light" | "dark";
270
270
  rules: {
271
- foreground?: string;
272
- background?: string;
273
- backgroundSubdued?: string;
274
- foregroundSubdued?: string;
275
- borderColor?: string;
276
271
  borderRadius?: string;
277
272
  borderWidth?: string;
273
+ foreground?: string;
274
+ foregroundSubdued?: string;
278
275
  foregroundAccent?: string;
276
+ background?: string;
279
277
  backgroundNormal?: string;
280
278
  backgroundAccent?: string;
279
+ backgroundSubdued?: string;
280
+ borderColor?: string;
281
281
  borderColorAccent?: string;
282
282
  borderColorSubdued?: string;
283
283
  primary?: string;
@@ -319,21 +319,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
319
319
  };
320
320
  };
321
321
  navigation?: {
322
- background?: string;
323
- borderColor?: string;
324
322
  borderWidth?: string;
323
+ background?: string;
325
324
  backgroundAccent?: string;
325
+ borderColor?: string;
326
326
  project?: {
327
+ borderWidth?: string;
327
328
  foreground?: string;
328
- fontFamily?: string;
329
329
  background?: string;
330
330
  borderColor?: string;
331
- borderWidth?: string;
331
+ fontFamily?: string;
332
332
  };
333
333
  modules?: {
334
+ borderWidth?: string;
334
335
  background?: string;
335
336
  borderColor?: string;
336
- borderWidth?: string;
337
337
  button?: {
338
338
  foreground?: string;
339
339
  background?: string;
@@ -345,8 +345,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
345
345
  };
346
346
  list?: {
347
347
  foreground?: string;
348
- fontFamily?: string;
349
348
  background?: string;
349
+ fontFamily?: string;
350
350
  foregroundHover?: string;
351
351
  foregroundActive?: string;
352
352
  backgroundHover?: string;
@@ -357,16 +357,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
357
357
  foregroundActive?: string;
358
358
  };
359
359
  divider: {
360
- borderColor?: string;
361
360
  borderWidth?: string;
361
+ borderColor?: string;
362
362
  };
363
363
  };
364
364
  };
365
365
  header?: {
366
+ borderWidth?: string;
366
367
  background?: string;
367
368
  borderColor?: string;
368
369
  boxShadow?: string;
369
- borderWidth?: string;
370
370
  headline?: {
371
371
  foreground?: string;
372
372
  fontFamily?: string;
@@ -388,13 +388,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
388
388
  };
389
389
  input?: {
390
390
  foreground?: string;
391
+ foregroundSubdued?: string;
391
392
  background?: string;
392
393
  backgroundSubdued?: string;
393
- foregroundSubdued?: string;
394
394
  borderColor?: string;
395
+ boxShadow?: string;
395
396
  borderColorHover?: string;
396
397
  borderColorFocus?: string;
397
- boxShadow?: string;
398
398
  boxShadowHover?: string;
399
399
  boxShadowFocus?: string;
400
400
  height?: string;
@@ -403,11 +403,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
403
403
  };
404
404
  };
405
405
  sidebar?: {
406
+ borderWidth?: string;
406
407
  foreground?: string;
407
- fontFamily?: string;
408
408
  background?: string;
409
409
  borderColor?: string;
410
- borderWidth?: string;
410
+ fontFamily?: string;
411
411
  section?: {
412
412
  form?: {
413
413
  columnGap?: string;
@@ -420,13 +420,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
420
420
  };
421
421
  input?: {
422
422
  foreground?: string;
423
+ foregroundSubdued?: string;
423
424
  background?: string;
424
425
  backgroundSubdued?: string;
425
- foregroundSubdued?: string;
426
426
  borderColor?: string;
427
+ boxShadow?: string;
427
428
  borderColorHover?: string;
428
429
  borderColorFocus?: string;
429
- boxShadow?: string;
430
430
  boxShadowHover?: string;
431
431
  boxShadowFocus?: string;
432
432
  height?: string;
@@ -435,11 +435,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
435
435
  };
436
436
  };
437
437
  toggle?: {
438
+ borderWidth?: string;
438
439
  foreground?: string;
439
- fontFamily?: string;
440
440
  background?: string;
441
441
  borderColor?: string;
442
- borderWidth?: string;
442
+ fontFamily?: string;
443
443
  foregroundHover?: string;
444
444
  foregroundActive?: string;
445
445
  backgroundHover?: string;
@@ -454,8 +454,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
454
454
  };
455
455
  public?: {
456
456
  foreground?: string;
457
- background?: string;
458
457
  foregroundAccent?: string;
458
+ background?: string;
459
459
  form?: {
460
460
  columnGap?: string;
461
461
  rowGap?: string;
@@ -467,13 +467,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
467
467
  };
468
468
  input?: {
469
469
  foreground?: string;
470
+ foregroundSubdued?: string;
470
471
  background?: string;
471
472
  backgroundSubdued?: string;
472
- foregroundSubdued?: string;
473
473
  borderColor?: string;
474
+ boxShadow?: string;
474
475
  borderColorHover?: string;
475
476
  borderColorFocus?: string;
476
- boxShadow?: string;
477
477
  boxShadowHover?: string;
478
478
  boxShadowFocus?: string;
479
479
  height?: string;
@@ -490,15 +490,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
490
490
  };
491
491
  popover?: {
492
492
  menu?: {
493
+ borderRadius?: string;
493
494
  background?: string;
494
495
  boxShadow?: string;
495
- borderRadius?: string;
496
496
  };
497
497
  };
498
498
  banner?: {
499
- background?: string;
500
- padding?: string;
501
499
  borderRadius?: string;
500
+ background?: string;
502
501
  headline?: {
503
502
  foreground?: string;
504
503
  fontFamily?: string;
@@ -509,13 +508,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
509
508
  fontFamily?: string;
510
509
  fontWeight?: string;
511
510
  };
511
+ padding?: string;
512
512
  art?: {
513
513
  foreground?: string;
514
514
  };
515
515
  avatar?: {
516
+ borderRadius?: string;
516
517
  foreground?: string;
517
518
  background?: string;
518
- borderRadius?: string;
519
519
  };
520
520
  subtitle?: {
521
521
  foreground?: string;
@@ -534,16 +534,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
534
534
  name: string;
535
535
  appearance: "light" | "dark";
536
536
  rules: {
537
- foreground?: string;
538
- background?: string;
539
- backgroundSubdued?: string;
540
- foregroundSubdued?: string;
541
- borderColor?: string;
542
537
  borderRadius?: string;
543
538
  borderWidth?: string;
539
+ foreground?: string;
540
+ foregroundSubdued?: string;
544
541
  foregroundAccent?: string;
542
+ background?: string;
545
543
  backgroundNormal?: string;
546
544
  backgroundAccent?: string;
545
+ backgroundSubdued?: string;
546
+ borderColor?: string;
547
547
  borderColorAccent?: string;
548
548
  borderColorSubdued?: string;
549
549
  primary?: string;
@@ -585,21 +585,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
585
585
  };
586
586
  };
587
587
  navigation?: {
588
- background?: string;
589
- borderColor?: string;
590
588
  borderWidth?: string;
589
+ background?: string;
591
590
  backgroundAccent?: string;
591
+ borderColor?: string;
592
592
  project?: {
593
+ borderWidth?: string;
593
594
  foreground?: string;
594
- fontFamily?: string;
595
595
  background?: string;
596
596
  borderColor?: string;
597
- borderWidth?: string;
597
+ fontFamily?: string;
598
598
  };
599
599
  modules?: {
600
+ borderWidth?: string;
600
601
  background?: string;
601
602
  borderColor?: string;
602
- borderWidth?: string;
603
603
  button?: {
604
604
  foreground?: string;
605
605
  background?: string;
@@ -611,8 +611,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
611
611
  };
612
612
  list?: {
613
613
  foreground?: string;
614
- fontFamily?: string;
615
614
  background?: string;
615
+ fontFamily?: string;
616
616
  foregroundHover?: string;
617
617
  foregroundActive?: string;
618
618
  backgroundHover?: string;
@@ -623,16 +623,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
623
623
  foregroundActive?: string;
624
624
  };
625
625
  divider: {
626
- borderColor?: string;
627
626
  borderWidth?: string;
627
+ borderColor?: string;
628
628
  };
629
629
  };
630
630
  };
631
631
  header?: {
632
+ borderWidth?: string;
632
633
  background?: string;
633
634
  borderColor?: string;
634
635
  boxShadow?: string;
635
- borderWidth?: string;
636
636
  headline?: {
637
637
  foreground?: string;
638
638
  fontFamily?: string;
@@ -654,13 +654,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
654
654
  };
655
655
  input?: {
656
656
  foreground?: string;
657
+ foregroundSubdued?: string;
657
658
  background?: string;
658
659
  backgroundSubdued?: string;
659
- foregroundSubdued?: string;
660
660
  borderColor?: string;
661
+ boxShadow?: string;
661
662
  borderColorHover?: string;
662
663
  borderColorFocus?: string;
663
- boxShadow?: string;
664
664
  boxShadowHover?: string;
665
665
  boxShadowFocus?: string;
666
666
  height?: string;
@@ -669,11 +669,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
669
669
  };
670
670
  };
671
671
  sidebar?: {
672
+ borderWidth?: string;
672
673
  foreground?: string;
673
- fontFamily?: string;
674
674
  background?: string;
675
675
  borderColor?: string;
676
- borderWidth?: string;
676
+ fontFamily?: string;
677
677
  section?: {
678
678
  form?: {
679
679
  columnGap?: string;
@@ -686,13 +686,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
686
686
  };
687
687
  input?: {
688
688
  foreground?: string;
689
+ foregroundSubdued?: string;
689
690
  background?: string;
690
691
  backgroundSubdued?: string;
691
- foregroundSubdued?: string;
692
692
  borderColor?: string;
693
+ boxShadow?: string;
693
694
  borderColorHover?: string;
694
695
  borderColorFocus?: string;
695
- boxShadow?: string;
696
696
  boxShadowHover?: string;
697
697
  boxShadowFocus?: string;
698
698
  height?: string;
@@ -701,11 +701,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
701
701
  };
702
702
  };
703
703
  toggle?: {
704
+ borderWidth?: string;
704
705
  foreground?: string;
705
- fontFamily?: string;
706
706
  background?: string;
707
707
  borderColor?: string;
708
- borderWidth?: string;
708
+ fontFamily?: string;
709
709
  foregroundHover?: string;
710
710
  foregroundActive?: string;
711
711
  backgroundHover?: string;
@@ -720,8 +720,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
720
720
  };
721
721
  public?: {
722
722
  foreground?: string;
723
- background?: string;
724
723
  foregroundAccent?: string;
724
+ background?: string;
725
725
  form?: {
726
726
  columnGap?: string;
727
727
  rowGap?: string;
@@ -733,13 +733,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
733
733
  };
734
734
  input?: {
735
735
  foreground?: string;
736
+ foregroundSubdued?: string;
736
737
  background?: string;
737
738
  backgroundSubdued?: string;
738
- foregroundSubdued?: string;
739
739
  borderColor?: string;
740
+ boxShadow?: string;
740
741
  borderColorHover?: string;
741
742
  borderColorFocus?: string;
742
- boxShadow?: string;
743
743
  boxShadowHover?: string;
744
744
  boxShadowFocus?: string;
745
745
  height?: string;
@@ -756,15 +756,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
756
756
  };
757
757
  popover?: {
758
758
  menu?: {
759
+ borderRadius?: string;
759
760
  background?: string;
760
761
  boxShadow?: string;
761
- borderRadius?: string;
762
762
  };
763
763
  };
764
764
  banner?: {
765
- background?: string;
766
- padding?: string;
767
765
  borderRadius?: string;
766
+ background?: string;
768
767
  headline?: {
769
768
  foreground?: string;
770
769
  fontFamily?: string;
@@ -775,13 +774,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
775
774
  fontFamily?: string;
776
775
  fontWeight?: string;
777
776
  };
777
+ padding?: string;
778
778
  art?: {
779
779
  foreground?: string;
780
780
  };
781
781
  avatar?: {
782
+ borderRadius?: string;
782
783
  foreground?: string;
783
784
  background?: string;
784
- borderRadius?: string;
785
785
  };
786
786
  subtitle?: {
787
787
  foreground?: string;
@@ -796,16 +796,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
796
796
  name: string;
797
797
  appearance: "light" | "dark";
798
798
  rules: {
799
- foreground?: string;
800
- background?: string;
801
- backgroundSubdued?: string;
802
- foregroundSubdued?: string;
803
- borderColor?: string;
804
799
  borderRadius?: string;
805
800
  borderWidth?: string;
801
+ foreground?: string;
802
+ foregroundSubdued?: string;
806
803
  foregroundAccent?: string;
804
+ background?: string;
807
805
  backgroundNormal?: string;
808
806
  backgroundAccent?: string;
807
+ backgroundSubdued?: string;
808
+ borderColor?: string;
809
809
  borderColorAccent?: string;
810
810
  borderColorSubdued?: string;
811
811
  primary?: string;
@@ -847,21 +847,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
847
847
  };
848
848
  };
849
849
  navigation?: {
850
- background?: string;
851
- borderColor?: string;
852
850
  borderWidth?: string;
851
+ background?: string;
853
852
  backgroundAccent?: string;
853
+ borderColor?: string;
854
854
  project?: {
855
+ borderWidth?: string;
855
856
  foreground?: string;
856
- fontFamily?: string;
857
857
  background?: string;
858
858
  borderColor?: string;
859
- borderWidth?: string;
859
+ fontFamily?: string;
860
860
  };
861
861
  modules?: {
862
+ borderWidth?: string;
862
863
  background?: string;
863
864
  borderColor?: string;
864
- borderWidth?: string;
865
865
  button?: {
866
866
  foreground?: string;
867
867
  background?: string;
@@ -873,8 +873,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
873
873
  };
874
874
  list?: {
875
875
  foreground?: string;
876
- fontFamily?: string;
877
876
  background?: string;
877
+ fontFamily?: string;
878
878
  foregroundHover?: string;
879
879
  foregroundActive?: string;
880
880
  backgroundHover?: string;
@@ -885,16 +885,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
885
885
  foregroundActive?: string;
886
886
  };
887
887
  divider: {
888
- borderColor?: string;
889
888
  borderWidth?: string;
889
+ borderColor?: string;
890
890
  };
891
891
  };
892
892
  };
893
893
  header?: {
894
+ borderWidth?: string;
894
895
  background?: string;
895
896
  borderColor?: string;
896
897
  boxShadow?: string;
897
- borderWidth?: string;
898
898
  headline?: {
899
899
  foreground?: string;
900
900
  fontFamily?: string;
@@ -916,13 +916,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
916
916
  };
917
917
  input?: {
918
918
  foreground?: string;
919
+ foregroundSubdued?: string;
919
920
  background?: string;
920
921
  backgroundSubdued?: string;
921
- foregroundSubdued?: string;
922
922
  borderColor?: string;
923
+ boxShadow?: string;
923
924
  borderColorHover?: string;
924
925
  borderColorFocus?: string;
925
- boxShadow?: string;
926
926
  boxShadowHover?: string;
927
927
  boxShadowFocus?: string;
928
928
  height?: string;
@@ -931,11 +931,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
931
931
  };
932
932
  };
933
933
  sidebar?: {
934
+ borderWidth?: string;
934
935
  foreground?: string;
935
- fontFamily?: string;
936
936
  background?: string;
937
937
  borderColor?: string;
938
- borderWidth?: string;
938
+ fontFamily?: string;
939
939
  section?: {
940
940
  form?: {
941
941
  columnGap?: string;
@@ -948,13 +948,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
948
948
  };
949
949
  input?: {
950
950
  foreground?: string;
951
+ foregroundSubdued?: string;
951
952
  background?: string;
952
953
  backgroundSubdued?: string;
953
- foregroundSubdued?: string;
954
954
  borderColor?: string;
955
+ boxShadow?: string;
955
956
  borderColorHover?: string;
956
957
  borderColorFocus?: string;
957
- boxShadow?: string;
958
958
  boxShadowHover?: string;
959
959
  boxShadowFocus?: string;
960
960
  height?: string;
@@ -963,11 +963,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
963
963
  };
964
964
  };
965
965
  toggle?: {
966
+ borderWidth?: string;
966
967
  foreground?: string;
967
- fontFamily?: string;
968
968
  background?: string;
969
969
  borderColor?: string;
970
- borderWidth?: string;
970
+ fontFamily?: string;
971
971
  foregroundHover?: string;
972
972
  foregroundActive?: string;
973
973
  backgroundHover?: string;
@@ -982,8 +982,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
982
982
  };
983
983
  public?: {
984
984
  foreground?: string;
985
- background?: string;
986
985
  foregroundAccent?: string;
986
+ background?: string;
987
987
  form?: {
988
988
  columnGap?: string;
989
989
  rowGap?: string;
@@ -995,13 +995,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
995
995
  };
996
996
  input?: {
997
997
  foreground?: string;
998
+ foregroundSubdued?: string;
998
999
  background?: string;
999
1000
  backgroundSubdued?: string;
1000
- foregroundSubdued?: string;
1001
1001
  borderColor?: string;
1002
+ boxShadow?: string;
1002
1003
  borderColorHover?: string;
1003
1004
  borderColorFocus?: string;
1004
- boxShadow?: string;
1005
1005
  boxShadowHover?: string;
1006
1006
  boxShadowFocus?: string;
1007
1007
  height?: string;
@@ -1018,15 +1018,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1018
1018
  };
1019
1019
  popover?: {
1020
1020
  menu?: {
1021
+ borderRadius?: string;
1021
1022
  background?: string;
1022
1023
  boxShadow?: string;
1023
- borderRadius?: string;
1024
1024
  };
1025
1025
  };
1026
1026
  banner?: {
1027
- background?: string;
1028
- padding?: string;
1029
1027
  borderRadius?: string;
1028
+ background?: string;
1030
1029
  headline?: {
1031
1030
  foreground?: string;
1032
1031
  fontFamily?: string;
@@ -1037,13 +1036,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1037
1036
  fontFamily?: string;
1038
1037
  fontWeight?: string;
1039
1038
  };
1039
+ padding?: string;
1040
1040
  art?: {
1041
1041
  foreground?: string;
1042
1042
  };
1043
1043
  avatar?: {
1044
+ borderRadius?: string;
1044
1045
  foreground?: string;
1045
1046
  background?: string;
1046
- borderRadius?: string;
1047
1047
  };
1048
1048
  subtitle?: {
1049
1049
  foreground?: string;
@@ -1062,16 +1062,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1062
1062
  name: string;
1063
1063
  appearance: "light" | "dark";
1064
1064
  rules: {
1065
- foreground?: string;
1066
- background?: string;
1067
- backgroundSubdued?: string;
1068
- foregroundSubdued?: string;
1069
- borderColor?: string;
1070
1065
  borderRadius?: string;
1071
1066
  borderWidth?: string;
1067
+ foreground?: string;
1068
+ foregroundSubdued?: string;
1072
1069
  foregroundAccent?: string;
1070
+ background?: string;
1073
1071
  backgroundNormal?: string;
1074
1072
  backgroundAccent?: string;
1073
+ backgroundSubdued?: string;
1074
+ borderColor?: string;
1075
1075
  borderColorAccent?: string;
1076
1076
  borderColorSubdued?: string;
1077
1077
  primary?: string;
@@ -1113,21 +1113,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1113
1113
  };
1114
1114
  };
1115
1115
  navigation?: {
1116
- background?: string;
1117
- borderColor?: string;
1118
1116
  borderWidth?: string;
1117
+ background?: string;
1119
1118
  backgroundAccent?: string;
1119
+ borderColor?: string;
1120
1120
  project?: {
1121
+ borderWidth?: string;
1121
1122
  foreground?: string;
1122
- fontFamily?: string;
1123
1123
  background?: string;
1124
1124
  borderColor?: string;
1125
- borderWidth?: string;
1125
+ fontFamily?: string;
1126
1126
  };
1127
1127
  modules?: {
1128
+ borderWidth?: string;
1128
1129
  background?: string;
1129
1130
  borderColor?: string;
1130
- borderWidth?: string;
1131
1131
  button?: {
1132
1132
  foreground?: string;
1133
1133
  background?: string;
@@ -1139,8 +1139,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1139
1139
  };
1140
1140
  list?: {
1141
1141
  foreground?: string;
1142
- fontFamily?: string;
1143
1142
  background?: string;
1143
+ fontFamily?: string;
1144
1144
  foregroundHover?: string;
1145
1145
  foregroundActive?: string;
1146
1146
  backgroundHover?: string;
@@ -1151,16 +1151,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1151
1151
  foregroundActive?: string;
1152
1152
  };
1153
1153
  divider: {
1154
- borderColor?: string;
1155
1154
  borderWidth?: string;
1155
+ borderColor?: string;
1156
1156
  };
1157
1157
  };
1158
1158
  };
1159
1159
  header?: {
1160
+ borderWidth?: string;
1160
1161
  background?: string;
1161
1162
  borderColor?: string;
1162
1163
  boxShadow?: string;
1163
- borderWidth?: string;
1164
1164
  headline?: {
1165
1165
  foreground?: string;
1166
1166
  fontFamily?: string;
@@ -1182,13 +1182,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1182
1182
  };
1183
1183
  input?: {
1184
1184
  foreground?: string;
1185
+ foregroundSubdued?: string;
1185
1186
  background?: string;
1186
1187
  backgroundSubdued?: string;
1187
- foregroundSubdued?: string;
1188
1188
  borderColor?: string;
1189
+ boxShadow?: string;
1189
1190
  borderColorHover?: string;
1190
1191
  borderColorFocus?: string;
1191
- boxShadow?: string;
1192
1192
  boxShadowHover?: string;
1193
1193
  boxShadowFocus?: string;
1194
1194
  height?: string;
@@ -1197,11 +1197,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1197
1197
  };
1198
1198
  };
1199
1199
  sidebar?: {
1200
+ borderWidth?: string;
1200
1201
  foreground?: string;
1201
- fontFamily?: string;
1202
1202
  background?: string;
1203
1203
  borderColor?: string;
1204
- borderWidth?: string;
1204
+ fontFamily?: string;
1205
1205
  section?: {
1206
1206
  form?: {
1207
1207
  columnGap?: string;
@@ -1214,13 +1214,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1214
1214
  };
1215
1215
  input?: {
1216
1216
  foreground?: string;
1217
+ foregroundSubdued?: string;
1217
1218
  background?: string;
1218
1219
  backgroundSubdued?: string;
1219
- foregroundSubdued?: string;
1220
1220
  borderColor?: string;
1221
+ boxShadow?: string;
1221
1222
  borderColorHover?: string;
1222
1223
  borderColorFocus?: string;
1223
- boxShadow?: string;
1224
1224
  boxShadowHover?: string;
1225
1225
  boxShadowFocus?: string;
1226
1226
  height?: string;
@@ -1229,11 +1229,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1229
1229
  };
1230
1230
  };
1231
1231
  toggle?: {
1232
+ borderWidth?: string;
1232
1233
  foreground?: string;
1233
- fontFamily?: string;
1234
1234
  background?: string;
1235
1235
  borderColor?: string;
1236
- borderWidth?: string;
1236
+ fontFamily?: string;
1237
1237
  foregroundHover?: string;
1238
1238
  foregroundActive?: string;
1239
1239
  backgroundHover?: string;
@@ -1248,8 +1248,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1248
1248
  };
1249
1249
  public?: {
1250
1250
  foreground?: string;
1251
- background?: string;
1252
1251
  foregroundAccent?: string;
1252
+ background?: string;
1253
1253
  form?: {
1254
1254
  columnGap?: string;
1255
1255
  rowGap?: string;
@@ -1261,13 +1261,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1261
1261
  };
1262
1262
  input?: {
1263
1263
  foreground?: string;
1264
+ foregroundSubdued?: string;
1264
1265
  background?: string;
1265
1266
  backgroundSubdued?: string;
1266
- foregroundSubdued?: string;
1267
1267
  borderColor?: string;
1268
+ boxShadow?: string;
1268
1269
  borderColorHover?: string;
1269
1270
  borderColorFocus?: string;
1270
- boxShadow?: string;
1271
1271
  boxShadowHover?: string;
1272
1272
  boxShadowFocus?: string;
1273
1273
  height?: string;
@@ -1284,15 +1284,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1284
1284
  };
1285
1285
  popover?: {
1286
1286
  menu?: {
1287
+ borderRadius?: string;
1287
1288
  background?: string;
1288
1289
  boxShadow?: string;
1289
- borderRadius?: string;
1290
1290
  };
1291
1291
  };
1292
1292
  banner?: {
1293
- background?: string;
1294
- padding?: string;
1295
1293
  borderRadius?: string;
1294
+ background?: string;
1296
1295
  headline?: {
1297
1296
  foreground?: string;
1298
1297
  fontFamily?: string;
@@ -1303,13 +1302,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1303
1302
  fontFamily?: string;
1304
1303
  fontWeight?: string;
1305
1304
  };
1305
+ padding?: string;
1306
1306
  art?: {
1307
1307
  foreground?: string;
1308
1308
  };
1309
1309
  avatar?: {
1310
+ borderRadius?: string;
1310
1311
  foreground?: string;
1311
1312
  background?: string;
1312
- borderRadius?: string;
1313
1313
  };
1314
1314
  subtitle?: {
1315
1315
  foreground?: string;
@@ -1324,16 +1324,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1324
1324
  name: string;
1325
1325
  appearance: "light" | "dark";
1326
1326
  rules: {
1327
- foreground?: string;
1328
- background?: string;
1329
- backgroundSubdued?: string;
1330
- foregroundSubdued?: string;
1331
- borderColor?: string;
1332
1327
  borderRadius?: string;
1333
1328
  borderWidth?: string;
1329
+ foreground?: string;
1330
+ foregroundSubdued?: string;
1334
1331
  foregroundAccent?: string;
1332
+ background?: string;
1335
1333
  backgroundNormal?: string;
1336
1334
  backgroundAccent?: string;
1335
+ backgroundSubdued?: string;
1336
+ borderColor?: string;
1337
1337
  borderColorAccent?: string;
1338
1338
  borderColorSubdued?: string;
1339
1339
  primary?: string;
@@ -1375,21 +1375,21 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1375
1375
  };
1376
1376
  };
1377
1377
  navigation?: {
1378
- background?: string;
1379
- borderColor?: string;
1380
1378
  borderWidth?: string;
1379
+ background?: string;
1381
1380
  backgroundAccent?: string;
1381
+ borderColor?: string;
1382
1382
  project?: {
1383
+ borderWidth?: string;
1383
1384
  foreground?: string;
1384
- fontFamily?: string;
1385
1385
  background?: string;
1386
1386
  borderColor?: string;
1387
- borderWidth?: string;
1387
+ fontFamily?: string;
1388
1388
  };
1389
1389
  modules?: {
1390
+ borderWidth?: string;
1390
1391
  background?: string;
1391
1392
  borderColor?: string;
1392
- borderWidth?: string;
1393
1393
  button?: {
1394
1394
  foreground?: string;
1395
1395
  background?: string;
@@ -1401,8 +1401,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1401
1401
  };
1402
1402
  list?: {
1403
1403
  foreground?: string;
1404
- fontFamily?: string;
1405
1404
  background?: string;
1405
+ fontFamily?: string;
1406
1406
  foregroundHover?: string;
1407
1407
  foregroundActive?: string;
1408
1408
  backgroundHover?: string;
@@ -1413,16 +1413,16 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1413
1413
  foregroundActive?: string;
1414
1414
  };
1415
1415
  divider: {
1416
- borderColor?: string;
1417
1416
  borderWidth?: string;
1417
+ borderColor?: string;
1418
1418
  };
1419
1419
  };
1420
1420
  };
1421
1421
  header?: {
1422
+ borderWidth?: string;
1422
1423
  background?: string;
1423
1424
  borderColor?: string;
1424
1425
  boxShadow?: string;
1425
- borderWidth?: string;
1426
1426
  headline?: {
1427
1427
  foreground?: string;
1428
1428
  fontFamily?: string;
@@ -1444,13 +1444,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1444
1444
  };
1445
1445
  input?: {
1446
1446
  foreground?: string;
1447
+ foregroundSubdued?: string;
1447
1448
  background?: string;
1448
1449
  backgroundSubdued?: string;
1449
- foregroundSubdued?: string;
1450
1450
  borderColor?: string;
1451
+ boxShadow?: string;
1451
1452
  borderColorHover?: string;
1452
1453
  borderColorFocus?: string;
1453
- boxShadow?: string;
1454
1454
  boxShadowHover?: string;
1455
1455
  boxShadowFocus?: string;
1456
1456
  height?: string;
@@ -1459,11 +1459,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1459
1459
  };
1460
1460
  };
1461
1461
  sidebar?: {
1462
+ borderWidth?: string;
1462
1463
  foreground?: string;
1463
- fontFamily?: string;
1464
1464
  background?: string;
1465
1465
  borderColor?: string;
1466
- borderWidth?: string;
1466
+ fontFamily?: string;
1467
1467
  section?: {
1468
1468
  form?: {
1469
1469
  columnGap?: string;
@@ -1476,13 +1476,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1476
1476
  };
1477
1477
  input?: {
1478
1478
  foreground?: string;
1479
+ foregroundSubdued?: string;
1479
1480
  background?: string;
1480
1481
  backgroundSubdued?: string;
1481
- foregroundSubdued?: string;
1482
1482
  borderColor?: string;
1483
+ boxShadow?: string;
1483
1484
  borderColorHover?: string;
1484
1485
  borderColorFocus?: string;
1485
- boxShadow?: string;
1486
1486
  boxShadowHover?: string;
1487
1487
  boxShadowFocus?: string;
1488
1488
  height?: string;
@@ -1491,11 +1491,11 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1491
1491
  };
1492
1492
  };
1493
1493
  toggle?: {
1494
+ borderWidth?: string;
1494
1495
  foreground?: string;
1495
- fontFamily?: string;
1496
1496
  background?: string;
1497
1497
  borderColor?: string;
1498
- borderWidth?: string;
1498
+ fontFamily?: string;
1499
1499
  foregroundHover?: string;
1500
1500
  foregroundActive?: string;
1501
1501
  backgroundHover?: string;
@@ -1510,8 +1510,8 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1510
1510
  };
1511
1511
  public?: {
1512
1512
  foreground?: string;
1513
- background?: string;
1514
1513
  foregroundAccent?: string;
1514
+ background?: string;
1515
1515
  form?: {
1516
1516
  columnGap?: string;
1517
1517
  rowGap?: string;
@@ -1523,13 +1523,13 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1523
1523
  };
1524
1524
  input?: {
1525
1525
  foreground?: string;
1526
+ foregroundSubdued?: string;
1526
1527
  background?: string;
1527
1528
  backgroundSubdued?: string;
1528
- foregroundSubdued?: string;
1529
1529
  borderColor?: string;
1530
+ boxShadow?: string;
1530
1531
  borderColorHover?: string;
1531
1532
  borderColorFocus?: string;
1532
- boxShadow?: string;
1533
1533
  boxShadowHover?: string;
1534
1534
  boxShadowFocus?: string;
1535
1535
  height?: string;
@@ -1546,15 +1546,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1546
1546
  };
1547
1547
  popover?: {
1548
1548
  menu?: {
1549
+ borderRadius?: string;
1549
1550
  background?: string;
1550
1551
  boxShadow?: string;
1551
- borderRadius?: string;
1552
1552
  };
1553
1553
  };
1554
1554
  banner?: {
1555
- background?: string;
1556
- padding?: string;
1557
1555
  borderRadius?: string;
1556
+ background?: string;
1558
1557
  headline?: {
1559
1558
  foreground?: string;
1560
1559
  fontFamily?: string;
@@ -1565,13 +1564,14 @@ export declare const useThemeStore: import('pinia').StoreDefinition<"🎨 Themes
1565
1564
  fontFamily?: string;
1566
1565
  fontWeight?: string;
1567
1566
  };
1567
+ padding?: string;
1568
1568
  art?: {
1569
1569
  foreground?: string;
1570
1570
  };
1571
1571
  avatar?: {
1572
+ borderRadius?: string;
1572
1573
  foreground?: string;
1573
1574
  background?: string;
1574
- borderRadius?: string;
1575
1575
  };
1576
1576
  subtitle?: {
1577
1577
  foreground?: string;