@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/theme-provider.vue.d.ts CHANGED
@@ -40,14 +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;
54
+ fontFamily?: string;
48
55
  };
49
56
  modules?: {
50
57
  background?: string;
58
+ borderWidth?: string;
59
+ borderColor?: string;
51
60
  button?: {
52
61
  foreground?: string;
53
62
  background?: string;
@@ -60,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
60
69
  list?: {
61
70
  foreground?: string;
62
71
  background?: string;
72
+ fontFamily?: string;
63
73
  foregroundHover?: string;
64
74
  foregroundActive?: string;
65
75
  backgroundHover?: string;
@@ -69,12 +79,20 @@ declare const _default: import("vue").DefineComponent<{
69
79
  foregroundHover?: string;
70
80
  foregroundActive?: string;
71
81
  };
82
+ divider?: {
83
+ borderWidth?: string;
84
+ borderColor?: string;
85
+ };
72
86
  };
73
87
  };
74
88
  header?: {
75
89
  background?: string;
90
+ borderWidth?: string;
91
+ borderColor?: string;
92
+ boxShadow?: string;
76
93
  headline?: {
77
94
  foreground?: string;
95
+ fontFamily?: string;
78
96
  };
79
97
  title?: {
80
98
  foreground?: string;
@@ -85,21 +103,34 @@ declare const _default: import("vue").DefineComponent<{
85
103
  field?: {
86
104
  label?: {
87
105
  foreground?: string;
106
+ fontFamily?: string;
88
107
  };
89
108
  input?: {
90
109
  foreground?: string;
91
110
  foregroundSubdued?: string;
92
111
  background?: string;
112
+ borderColor?: string;
113
+ boxShadow?: string;
114
+ borderColorHover?: string;
115
+ borderColorFocus?: string;
116
+ boxShadowHover?: string;
117
+ boxShadowFocus?: string;
93
118
  };
94
119
  };
95
120
  };
96
121
  sidebar?: {
97
122
  foreground?: string;
98
123
  background?: string;
124
+ borderWidth?: string;
125
+ borderColor?: string;
126
+ fontFamily?: string;
99
127
  section?: {
100
128
  toggle?: {
101
129
  foreground?: string;
102
130
  background?: string;
131
+ borderWidth?: string;
132
+ borderColor?: string;
133
+ fontFamily?: string;
103
134
  foregroundHover?: string;
104
135
  foregroundActive?: string;
105
136
  backgroundHover?: string;
@@ -151,14 +182,23 @@ declare const _default: import("vue").DefineComponent<{
151
182
  fontFamilySansSerif?: string;
152
183
  fontFamilySerif?: string;
153
184
  fontFamilyMonospace?: string;
185
+ borderRadius?: string;
186
+ borderWidth?: string;
154
187
  navigation?: {
155
188
  background?: string;
189
+ borderWidth?: string;
190
+ borderColor?: string;
156
191
  project?: {
157
192
  foreground?: string;
158
193
  background?: string;
194
+ borderWidth?: string;
195
+ borderColor?: string;
196
+ fontFamily?: string;
159
197
  };
160
198
  modules?: {
161
199
  background?: string;
200
+ borderWidth?: string;
201
+ borderColor?: string;
162
202
  button?: {
163
203
  foreground?: string;
164
204
  background?: string;
@@ -171,6 +211,7 @@ declare const _default: import("vue").DefineComponent<{
171
211
  list?: {
172
212
  foreground?: string;
173
213
  background?: string;
214
+ fontFamily?: string;
174
215
  foregroundHover?: string;
175
216
  foregroundActive?: string;
176
217
  backgroundHover?: string;
@@ -180,12 +221,20 @@ declare const _default: import("vue").DefineComponent<{
180
221
  foregroundHover?: string;
181
222
  foregroundActive?: string;
182
223
  };
224
+ divider?: {
225
+ borderWidth?: string;
226
+ borderColor?: string;
227
+ };
183
228
  };
184
229
  };
185
230
  header?: {
186
231
  background?: string;
232
+ borderWidth?: string;
233
+ borderColor?: string;
234
+ boxShadow?: string;
187
235
  headline?: {
188
236
  foreground?: string;
237
+ fontFamily?: string;
189
238
  };
190
239
  title?: {
191
240
  foreground?: string;
@@ -196,21 +245,34 @@ declare const _default: import("vue").DefineComponent<{
196
245
  field?: {
197
246
  label?: {
198
247
  foreground?: string;
248
+ fontFamily?: string;
199
249
  };
200
250
  input?: {
201
251
  foreground?: string;
202
252
  foregroundSubdued?: string;
203
253
  background?: string;
254
+ borderColor?: string;
255
+ boxShadow?: string;
256
+ borderColorHover?: string;
257
+ borderColorFocus?: string;
258
+ boxShadowHover?: string;
259
+ boxShadowFocus?: string;
204
260
  };
205
261
  };
206
262
  };
207
263
  sidebar?: {
208
264
  foreground?: string;
209
265
  background?: string;
266
+ borderWidth?: string;
267
+ borderColor?: string;
268
+ fontFamily?: string;
210
269
  section?: {
211
270
  toggle?: {
212
271
  foreground?: string;
213
272
  background?: string;
273
+ borderWidth?: string;
274
+ borderColor?: string;
275
+ fontFamily?: string;
214
276
  foregroundHover?: string;
215
277
  foregroundActive?: string;
216
278
  backgroundHover?: string;
@@ -267,14 +329,23 @@ declare const _default: import("vue").DefineComponent<{
267
329
  fontFamilySansSerif?: string;
268
330
  fontFamilySerif?: string;
269
331
  fontFamilyMonospace?: string;
332
+ borderRadius?: string;
333
+ borderWidth?: string;
270
334
  navigation?: {
271
335
  background?: string;
336
+ borderWidth?: string;
337
+ borderColor?: string;
272
338
  project?: {
273
339
  foreground?: string;
274
340
  background?: string;
341
+ borderWidth?: string;
342
+ borderColor?: string;
343
+ fontFamily?: string;
275
344
  };
276
345
  modules?: {
277
346
  background?: string;
347
+ borderWidth?: string;
348
+ borderColor?: string;
278
349
  button?: {
279
350
  foreground?: string;
280
351
  background?: string;
@@ -287,6 +358,7 @@ declare const _default: import("vue").DefineComponent<{
287
358
  list?: {
288
359
  foreground?: string;
289
360
  background?: string;
361
+ fontFamily?: string;
290
362
  foregroundHover?: string;
291
363
  foregroundActive?: string;
292
364
  backgroundHover?: string;
@@ -296,12 +368,20 @@ declare const _default: import("vue").DefineComponent<{
296
368
  foregroundHover?: string;
297
369
  foregroundActive?: string;
298
370
  };
371
+ divider?: {
372
+ borderWidth?: string;
373
+ borderColor?: string;
374
+ };
299
375
  };
300
376
  };
301
377
  header?: {
302
378
  background?: string;
379
+ borderWidth?: string;
380
+ borderColor?: string;
381
+ boxShadow?: string;
303
382
  headline?: {
304
383
  foreground?: string;
384
+ fontFamily?: string;
305
385
  };
306
386
  title?: {
307
387
  foreground?: string;
@@ -312,21 +392,34 @@ declare const _default: import("vue").DefineComponent<{
312
392
  field?: {
313
393
  label?: {
314
394
  foreground?: string;
395
+ fontFamily?: string;
315
396
  };
316
397
  input?: {
317
398
  foreground?: string;
318
399
  foregroundSubdued?: string;
319
400
  background?: string;
401
+ borderColor?: string;
402
+ boxShadow?: string;
403
+ borderColorHover?: string;
404
+ borderColorFocus?: string;
405
+ boxShadowHover?: string;
406
+ boxShadowFocus?: string;
320
407
  };
321
408
  };
322
409
  };
323
410
  sidebar?: {
324
411
  foreground?: string;
325
412
  background?: string;
413
+ borderWidth?: string;
414
+ borderColor?: string;
415
+ fontFamily?: string;
326
416
  section?: {
327
417
  toggle?: {
328
418
  foreground?: string;
329
419
  background?: string;
420
+ borderWidth?: string;
421
+ borderColor?: string;
422
+ fontFamily?: string;
330
423
  foregroundHover?: string;
331
424
  foregroundActive?: string;
332
425
  backgroundHover?: string;
@@ -378,14 +471,23 @@ declare const _default: import("vue").DefineComponent<{
378
471
  fontFamilySansSerif?: string;
379
472
  fontFamilySerif?: string;
380
473
  fontFamilyMonospace?: string;
474
+ borderRadius?: string;
475
+ borderWidth?: string;
381
476
  navigation?: {
382
477
  background?: string;
478
+ borderWidth?: string;
479
+ borderColor?: string;
383
480
  project?: {
384
481
  foreground?: string;
385
482
  background?: string;
483
+ borderWidth?: string;
484
+ borderColor?: string;
485
+ fontFamily?: string;
386
486
  };
387
487
  modules?: {
388
488
  background?: string;
489
+ borderWidth?: string;
490
+ borderColor?: string;
389
491
  button?: {
390
492
  foreground?: string;
391
493
  background?: string;
@@ -398,6 +500,7 @@ declare const _default: import("vue").DefineComponent<{
398
500
  list?: {
399
501
  foreground?: string;
400
502
  background?: string;
503
+ fontFamily?: string;
401
504
  foregroundHover?: string;
402
505
  foregroundActive?: string;
403
506
  backgroundHover?: string;
@@ -407,12 +510,20 @@ declare const _default: import("vue").DefineComponent<{
407
510
  foregroundHover?: string;
408
511
  foregroundActive?: string;
409
512
  };
513
+ divider?: {
514
+ borderWidth?: string;
515
+ borderColor?: string;
516
+ };
410
517
  };
411
518
  };
412
519
  header?: {
413
520
  background?: string;
521
+ borderWidth?: string;
522
+ borderColor?: string;
523
+ boxShadow?: string;
414
524
  headline?: {
415
525
  foreground?: string;
526
+ fontFamily?: string;
416
527
  };
417
528
  title?: {
418
529
  foreground?: string;
@@ -423,21 +534,34 @@ declare const _default: import("vue").DefineComponent<{
423
534
  field?: {
424
535
  label?: {
425
536
  foreground?: string;
537
+ fontFamily?: string;
426
538
  };
427
539
  input?: {
428
540
  foreground?: string;
429
541
  foregroundSubdued?: string;
430
542
  background?: string;
543
+ borderColor?: string;
544
+ boxShadow?: string;
545
+ borderColorHover?: string;
546
+ borderColorFocus?: string;
547
+ boxShadowHover?: string;
548
+ boxShadowFocus?: string;
431
549
  };
432
550
  };
433
551
  };
434
552
  sidebar?: {
435
553
  foreground?: string;
436
554
  background?: string;
555
+ borderWidth?: string;
556
+ borderColor?: string;
557
+ fontFamily?: string;
437
558
  section?: {
438
559
  toggle?: {
439
560
  foreground?: string;
440
561
  background?: string;
562
+ borderWidth?: string;
563
+ borderColor?: string;
564
+ fontFamily?: string;
441
565
  foregroundHover?: string;
442
566
  foregroundActive?: string;
443
567
  backgroundHover?: string;
package/dist/use-theme.d.ts CHANGED
@@ -34,14 +34,23 @@ export declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRe
34
34
  fontFamilySansSerif: string;
35
35
  fontFamilySerif: string;
36
36
  fontFamilyMonospace: string;
37
+ borderRadius: string;
38
+ borderWidth: string;
37
39
  navigation: {
38
40
  background: string;
41
+ borderWidth: string;
42
+ borderColor: string;
39
43
  project: {
40
44
  foreground: string;
41
45
  background: string;
46
+ borderWidth: string;
47
+ borderColor: string;
48
+ fontFamily: string;
42
49
  };
43
50
  modules: {
44
51
  background: string;
52
+ borderWidth: string;
53
+ borderColor: string;
45
54
  button: {
46
55
  foreground: string;
47
56
  background: string;
@@ -54,6 +63,7 @@ export declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRe
54
63
  list: {
55
64
  foreground: string;
56
65
  background: string;
66
+ fontFamily: string;
57
67
  foregroundHover: string;
58
68
  foregroundActive: string;
59
69
  backgroundHover: string;
@@ -63,12 +73,20 @@ export declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRe
63
73
  foregroundHover: string;
64
74
  foregroundActive: string;
65
75
  };
76
+ divider: {
77
+ borderWidth: string;
78
+ borderColor: string;
79
+ };
66
80
  };
67
81
  };
68
82
  header: {
69
83
  background: string;
84
+ borderWidth: string;
85
+ borderColor: string;
86
+ boxShadow: string;
70
87
  headline: {
71
88
  foreground: string;
89
+ fontFamily: string;
72
90
  };
73
91
  title: {
74
92
  foreground: string;
@@ -79,21 +97,34 @@ export declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRe
79
97
  field: {
80
98
  label: {
81
99
  foreground: string;
100
+ fontFamily: string;
82
101
  };
83
102
  input: {
84
103
  foreground: string;
85
104
  foregroundSubdued: string;
86
105
  background: string;
106
+ borderColor: string;
107
+ boxShadow: string;
108
+ borderColorHover: string;
109
+ borderColorFocus: string;
110
+ boxShadowHover: string;
111
+ boxShadowFocus: string;
87
112
  };
88
113
  };
89
114
  };
90
115
  sidebar: {
91
116
  foreground: string;
92
117
  background: string;
118
+ borderWidth: string;
119
+ borderColor: string;
120
+ fontFamily: string;
93
121
  section: {
94
122
  toggle: {
95
123
  foreground: string;
96
124
  background: string;
125
+ borderWidth: string;
126
+ borderColor: string;
127
+ fontFamily: string;
97
128
  foregroundHover: string;
98
129
  foregroundActive: string;
99
130
  backgroundHover: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@directus/themes",
3
- "version": "0.0.3",
3
+ "version": "0.2.0",
4
4
  "description": "Themes for Directus",
5
5
  "homepage": "https://directus.io",
6
6
  "repository": {