@directus/themes 0.2.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 (29) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/{theme-provider.vue.d.ts → components/theme-provider.vue.d.ts} +465 -81
  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 +735 -245
  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 -149
  24. package/dist/schema.json +0 -605
  25. package/dist/store.d.ts +0 -836
  26. package/dist/themes/dark-directus.d.ts +0 -2
  27. package/dist/themes/light-directus.d.ts +0 -2
  28. package/dist/use-fonts.d.ts +0 -6
  29. package/dist/use-theme.d.ts +0 -142
package/dist/themes/dark-directus.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../schema.js';
2
- export declare const theme: Theme;
package/dist/themes/light-directus.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { Theme } from '../schema.js';
2
- export declare const theme: Theme;
package/dist/use-fonts.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { MaybeRef } from 'vue';
2
- import type { Theme } from './schema.js';
3
- export declare const useFonts: (rules: MaybeRef<Theme>) => {
4
- fonts: import("vue").ComputedRef<string[]>;
5
- googleFonts: import("vue").ComputedRef<string[]>;
6
- };
package/dist/use-theme.d.ts DELETED
@@ -1,142 +0,0 @@
1
- import type { DeepPartial } from '@directus/types';
2
- import type { MaybeRef } from 'vue';
3
- import type { Theme } from './schema.js';
4
- export declare const useTheme: (darkMode: MaybeRef<boolean>, themeLight: MaybeRef<string | null>, themeDark: MaybeRef<string | null>, themeLightOverrides: MaybeRef<DeepPartial<Theme['rules']>>, themeDarkOverrides: MaybeRef<DeepPartial<Theme['rules']>>) => {
5
- theme: import("vue").ComputedRef<{
6
- name: string;
7
- appearance: "light" | "dark";
8
- rules: {
9
- foreground: string;
10
- foregroundSubdued: string;
11
- foregroundAccent: string;
12
- background: string;
13
- primary: string;
14
- primaryBackground: string;
15
- primarySubdued: string;
16
- primaryAccent: string;
17
- secondary: string;
18
- secondaryBackground: string;
19
- secondarySubdued: string;
20
- secondaryAccent: string;
21
- success: string;
22
- successBackground: string;
23
- successSubdued: string;
24
- successAccent: string;
25
- warning: string;
26
- warningBackground: string;
27
- warningSubdued: string;
28
- warningAccent: string;
29
- danger: string;
30
- dangerBackground: string;
31
- dangerSubdued: string;
32
- dangerAccent: string;
33
- fontFamilyDisplay: string;
34
- fontFamilySansSerif: string;
35
- fontFamilySerif: string;
36
- fontFamilyMonospace: string;
37
- borderRadius: string;
38
- borderWidth: string;
39
- navigation: {
40
- background: string;
41
- borderWidth: string;
42
- borderColor: string;
43
- project: {
44
- foreground: string;
45
- background: string;
46
- borderWidth: string;
47
- borderColor: string;
48
- fontFamily: string;
49
- };
50
- modules: {
51
- background: string;
52
- borderWidth: string;
53
- borderColor: string;
54
- button: {
55
- foreground: string;
56
- background: string;
57
- foregroundHover: string;
58
- foregroundActive: string;
59
- backgroundHover: string;
60
- backgroundActive: string;
61
- };
62
- };
63
- list: {
64
- foreground: string;
65
- background: string;
66
- fontFamily: string;
67
- foregroundHover: string;
68
- foregroundActive: string;
69
- backgroundHover: string;
70
- backgroundActive: string;
71
- icon: {
72
- foreground: string;
73
- foregroundHover: string;
74
- foregroundActive: string;
75
- };
76
- divider: {
77
- borderWidth: string;
78
- borderColor: string;
79
- };
80
- };
81
- };
82
- header: {
83
- background: string;
84
- borderWidth: string;
85
- borderColor: string;
86
- boxShadow: string;
87
- headline: {
88
- foreground: string;
89
- fontFamily: string;
90
- };
91
- title: {
92
- foreground: string;
93
- fontFamily: string;
94
- };
95
- };
96
- form: {
97
- field: {
98
- label: {
99
- foreground: string;
100
- fontFamily: string;
101
- };
102
- input: {
103
- foreground: string;
104
- foregroundSubdued: string;
105
- background: string;
106
- borderColor: string;
107
- boxShadow: string;
108
- borderColorHover: string;
109
- borderColorFocus: string;
110
- boxShadowHover: string;
111
- boxShadowFocus: string;
112
- };
113
- };
114
- };
115
- sidebar: {
116
- foreground: string;
117
- background: string;
118
- borderWidth: string;
119
- borderColor: string;
120
- fontFamily: string;
121
- section: {
122
- toggle: {
123
- foreground: string;
124
- background: string;
125
- borderWidth: string;
126
- borderColor: string;
127
- fontFamily: string;
128
- foregroundHover: string;
129
- foregroundActive: string;
130
- backgroundHover: string;
131
- backgroundActive: string;
132
- icon: {
133
- foreground: string;
134
- foregroundHover: string;
135
- foregroundActive: string;
136
- };
137
- };
138
- };
139
- };
140
- };
141
- }>;
142
- };