@directus/themes 1.2.6 → 1.3.1

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 (21) hide show
  1. package/dist/index.d.ts +2139 -5
  2. package/dist/index.js +14867 -12190
  3. package/package.json +9 -10
  4. package/dist/components/index.d.ts +0 -1
  5. package/dist/components/theme-provider.vue.d.ts +0 -15
  6. package/dist/composables/index.d.ts +0 -2
  7. package/dist/composables/use-fonts.d.ts +0 -5
  8. package/dist/composables/use-fonts.test.d.ts +0 -1
  9. package/dist/composables/use-theme.d.ts +0 -519
  10. package/dist/stores/index.d.ts +0 -1
  11. package/dist/stores/theme.d.ts +0 -1586
  12. package/dist/themes/dark/default.d.ts +0 -259
  13. package/dist/themes/dark/index.d.ts +0 -1
  14. package/dist/themes/index.d.ts +0 -3
  15. package/dist/themes/light/color-match.d.ts +0 -98
  16. package/dist/themes/light/default.d.ts +0 -259
  17. package/dist/themes/light/index.d.ts +0 -3
  18. package/dist/themes/light/minimal.d.ts +0 -118
  19. package/dist/utils/define-theme.d.ts +0 -2
  20. package/dist/utils/index.d.ts +0 -2
  21. package/dist/utils/rules-to-css-vars.d.ts +0 -2
package/dist/themes/dark/default.d.ts DELETED
@@ -1,259 +0,0 @@
1
- declare const _default: {
2
- id: string;
3
- name: string;
4
- appearance: "dark";
5
- rules: {
6
- borderRadius: string;
7
- borderWidth: string;
8
- foreground: string;
9
- foregroundAccent: string;
10
- foregroundSubdued: string;
11
- background: string;
12
- backgroundNormal: string;
13
- backgroundAccent: string;
14
- backgroundSubdued: string;
15
- borderColor: string;
16
- borderColorAccent: string;
17
- borderColorSubdued: string;
18
- primary: string;
19
- primaryBackground: string;
20
- primarySubdued: string;
21
- primaryAccent: string;
22
- secondary: string;
23
- secondaryBackground: string;
24
- secondarySubdued: string;
25
- secondaryAccent: string;
26
- success: string;
27
- successBackground: string;
28
- successSubdued: string;
29
- successAccent: string;
30
- warning: string;
31
- warningBackground: string;
32
- warningSubdued: string;
33
- warningAccent: string;
34
- danger: string;
35
- dangerBackground: string;
36
- dangerSubdued: string;
37
- dangerAccent: string;
38
- fonts: {
39
- display: {
40
- fontFamily: string;
41
- fontWeight: string;
42
- };
43
- sans: {
44
- fontFamily: string;
45
- fontWeight: string;
46
- };
47
- serif: {
48
- fontFamily: string;
49
- fontWeight: string;
50
- };
51
- monospace: {
52
- fontFamily: string;
53
- fontWeight: string;
54
- };
55
- };
56
- navigation: {
57
- background: string;
58
- backgroundAccent: string;
59
- borderColor: string;
60
- borderWidth: string;
61
- project: {
62
- borderColor: string;
63
- borderWidth: string;
64
- background: string;
65
- foreground: string;
66
- fontFamily: string;
67
- };
68
- modules: {
69
- background: string;
70
- borderColor: string;
71
- borderWidth: string;
72
- button: {
73
- foreground: string;
74
- foregroundHover: string;
75
- foregroundActive: string;
76
- background: string;
77
- backgroundHover: string;
78
- backgroundActive: string;
79
- };
80
- };
81
- list: {
82
- icon: {
83
- foreground: string;
84
- foregroundHover: string;
85
- foregroundActive: string;
86
- };
87
- foreground: string;
88
- foregroundHover: string;
89
- foregroundActive: string;
90
- background: string;
91
- backgroundHover: string;
92
- backgroundActive: string;
93
- fontFamily: string;
94
- divider: {
95
- borderColor: string;
96
- borderWidth: string;
97
- };
98
- };
99
- };
100
- header: {
101
- background: string;
102
- borderColor: string;
103
- borderWidth: string;
104
- boxShadow: string;
105
- headline: {
106
- foreground: string;
107
- fontFamily: string;
108
- };
109
- title: {
110
- foreground: string;
111
- fontFamily: string;
112
- fontWeight: string;
113
- };
114
- };
115
- form: {
116
- columnGap: string;
117
- rowGap: string;
118
- field: {
119
- label: {
120
- foreground: string;
121
- fontFamily: string;
122
- fontWeight: string;
123
- };
124
- input: {
125
- background: string;
126
- backgroundSubdued: string;
127
- foreground: string;
128
- foregroundSubdued: string;
129
- borderColor: string;
130
- borderColorHover: string;
131
- borderColorFocus: string;
132
- boxShadow: string;
133
- boxShadowHover: string;
134
- boxShadowFocus: string;
135
- height: string;
136
- padding: string;
137
- };
138
- };
139
- };
140
- sidebar: {
141
- background: string;
142
- foreground: string;
143
- fontFamily: string;
144
- borderColor: string;
145
- borderWidth: string;
146
- section: {
147
- toggle: {
148
- icon: {
149
- foreground: string;
150
- foregroundHover: string;
151
- foregroundActive: string;
152
- };
153
- foreground: string;
154
- foregroundHover: string;
155
- foregroundActive: string;
156
- background: string;
157
- backgroundHover: string;
158
- backgroundActive: string;
159
- fontFamily: string;
160
- borderColor: string;
161
- borderWidth: string;
162
- };
163
- form: {
164
- columnGap: string;
165
- rowGap: string;
166
- label: {
167
- foreground: string;
168
- fontFamily: string;
169
- };
170
- field: {
171
- input: {
172
- background: string;
173
- foreground: string;
174
- foregroundSubdued: string;
175
- borderColor: string;
176
- borderColorHover: string;
177
- borderColorFocus: string;
178
- boxShadow: string;
179
- boxShadowHover: string;
180
- boxShadowFocus: string;
181
- height: string;
182
- padding: string;
183
- };
184
- };
185
- };
186
- };
187
- };
188
- public: {
189
- background: string;
190
- foreground: string;
191
- foregroundAccent: string;
192
- art: {
193
- background: string;
194
- primary: string;
195
- secondary: string;
196
- speed: string;
197
- };
198
- form: {
199
- columnGap: string;
200
- rowGap: string;
201
- field: {
202
- label: {
203
- foreground: string;
204
- fontFamily: string;
205
- };
206
- input: {
207
- background: string;
208
- foreground: string;
209
- foregroundSubdued: string;
210
- borderColor: string;
211
- borderColorHover: string;
212
- borderColorFocus: string;
213
- boxShadow: string;
214
- boxShadowHover: string;
215
- boxShadowFocus: string;
216
- height: string;
217
- padding: string;
218
- };
219
- };
220
- };
221
- };
222
- popover: {
223
- menu: {
224
- background: string;
225
- borderRadius: string;
226
- boxShadow: string;
227
- };
228
- };
229
- banner: {
230
- background: string;
231
- padding: string;
232
- borderRadius: string;
233
- avatar: {
234
- borderRadius: string;
235
- foreground: string;
236
- background: string;
237
- };
238
- headline: {
239
- foreground: string;
240
- fontFamily: string;
241
- fontWeight: string;
242
- };
243
- title: {
244
- foreground: string;
245
- fontFamily: string;
246
- fontWeight: string;
247
- };
248
- subtitle: {
249
- foreground: string;
250
- fontFamily: string;
251
- fontWeight: string;
252
- };
253
- art: {
254
- foreground: string;
255
- };
256
- };
257
- };
258
- };
259
- export default _default;
package/dist/themes/dark/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default as directusDefault } from './default.js';
package/dist/themes/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import { Theme } from '@directus/types';
2
- export declare const dark: Theme[];
3
- export declare const light: Theme[];
package/dist/themes/light/color-match.d.ts DELETED
@@ -1,98 +0,0 @@
1
- declare const _default: {
2
- id: string;
3
- name: string;
4
- appearance: "light";
5
- rules: {
6
- background: string;
7
- backgroundAccent: string;
8
- backgroundNormal: string;
9
- backgroundSubdued: string;
10
- borderColor: string;
11
- borderColorAccent: string;
12
- borderColorSubdued: string;
13
- borderRadius: string;
14
- borderWidth: string;
15
- foreground: string;
16
- foregroundAccent: string;
17
- foregroundSubdued: string;
18
- fonts: {
19
- display: {
20
- fontFamily: string;
21
- fontWeight: string;
22
- };
23
- };
24
- form: {
25
- field: {
26
- input: {
27
- background: string;
28
- backgroundSubdued: string;
29
- };
30
- };
31
- };
32
- navigation: {
33
- background: string;
34
- backgroundAccent: string;
35
- borderWidth: string;
36
- borderColor: string;
37
- modules: {
38
- background: string;
39
- button: {
40
- backgroundActive: string;
41
- foreground: string;
42
- foregroundActive: string;
43
- };
44
- };
45
- project: {
46
- borderWidth: string;
47
- background: string;
48
- borderColor: string;
49
- };
50
- list: {
51
- divider: {
52
- borderColor: string;
53
- };
54
- icon: {
55
- foreground: string;
56
- };
57
- foreground: string;
58
- foregroundHover: string;
59
- foregroundActive: string;
60
- };
61
- };
62
- header: {
63
- background: string;
64
- borderWidth: string;
65
- borderColor: string;
66
- boxShadow: string;
67
- };
68
- sidebar: {
69
- background: string;
70
- borderWidth: string;
71
- borderColor: string;
72
- section: {
73
- toggle: {
74
- borderColor: string;
75
- borderWidth: string;
76
- background: string;
77
- foreground: string;
78
- foregroundHover: string;
79
- foregroundActive: string;
80
- icon: {
81
- foreground: string;
82
- foregroundHover: string;
83
- foregroundActive: string;
84
- };
85
- };
86
- };
87
- };
88
- public: {
89
- art: {
90
- background: string;
91
- primary: string;
92
- secondary: string;
93
- };
94
- background: string;
95
- };
96
- };
97
- };
98
- export default _default;
package/dist/themes/light/default.d.ts DELETED
@@ -1,259 +0,0 @@
1
- declare const _default: {
2
- id: string;
3
- name: string;
4
- appearance: "light";
5
- rules: {
6
- borderRadius: string;
7
- borderWidth: string;
8
- foreground: string;
9
- foregroundAccent: string;
10
- foregroundSubdued: string;
11
- background: string;
12
- backgroundNormal: string;
13
- backgroundAccent: string;
14
- backgroundSubdued: string;
15
- borderColor: string;
16
- borderColorAccent: string;
17
- borderColorSubdued: string;
18
- primary: string;
19
- primaryBackground: string;
20
- primarySubdued: string;
21
- primaryAccent: string;
22
- secondary: string;
23
- secondaryBackground: string;
24
- secondarySubdued: string;
25
- secondaryAccent: string;
26
- success: string;
27
- successBackground: string;
28
- successSubdued: string;
29
- successAccent: string;
30
- warning: string;
31
- warningBackground: string;
32
- warningSubdued: string;
33
- warningAccent: string;
34
- danger: string;
35
- dangerBackground: string;
36
- dangerSubdued: string;
37
- dangerAccent: string;
38
- fonts: {
39
- display: {
40
- fontFamily: string;
41
- fontWeight: string;
42
- };
43
- sans: {
44
- fontFamily: string;
45
- fontWeight: string;
46
- };
47
- serif: {
48
- fontFamily: string;
49
- fontWeight: string;
50
- };
51
- monospace: {
52
- fontFamily: string;
53
- fontWeight: string;
54
- };
55
- };
56
- navigation: {
57
- background: string;
58
- backgroundAccent: string;
59
- borderColor: string;
60
- borderWidth: string;
61
- project: {
62
- borderColor: string;
63
- borderWidth: string;
64
- background: string;
65
- foreground: string;
66
- fontFamily: string;
67
- };
68
- modules: {
69
- background: string;
70
- borderColor: string;
71
- borderWidth: string;
72
- button: {
73
- foreground: string;
74
- foregroundHover: string;
75
- foregroundActive: string;
76
- background: string;
77
- backgroundHover: string;
78
- backgroundActive: string;
79
- };
80
- };
81
- list: {
82
- icon: {
83
- foreground: string;
84
- foregroundHover: string;
85
- foregroundActive: string;
86
- };
87
- foreground: string;
88
- foregroundHover: string;
89
- foregroundActive: string;
90
- background: string;
91
- backgroundHover: string;
92
- backgroundActive: string;
93
- fontFamily: string;
94
- divider: {
95
- borderColor: string;
96
- borderWidth: string;
97
- };
98
- };
99
- };
100
- header: {
101
- background: string;
102
- borderColor: string;
103
- borderWidth: string;
104
- boxShadow: string;
105
- headline: {
106
- foreground: string;
107
- fontFamily: string;
108
- };
109
- title: {
110
- foreground: string;
111
- fontFamily: string;
112
- fontWeight: string;
113
- };
114
- };
115
- form: {
116
- columnGap: string;
117
- rowGap: string;
118
- field: {
119
- label: {
120
- foreground: string;
121
- fontFamily: string;
122
- fontWeight: string;
123
- };
124
- input: {
125
- background: string;
126
- backgroundSubdued: string;
127
- foreground: string;
128
- foregroundSubdued: string;
129
- borderColor: string;
130
- borderColorHover: string;
131
- borderColorFocus: string;
132
- boxShadow: string;
133
- boxShadowHover: string;
134
- boxShadowFocus: string;
135
- height: string;
136
- padding: string;
137
- };
138
- };
139
- };
140
- sidebar: {
141
- background: string;
142
- foreground: string;
143
- fontFamily: string;
144
- borderColor: string;
145
- borderWidth: string;
146
- section: {
147
- toggle: {
148
- icon: {
149
- foreground: string;
150
- foregroundHover: string;
151
- foregroundActive: string;
152
- };
153
- foreground: string;
154
- foregroundHover: string;
155
- foregroundActive: string;
156
- background: string;
157
- backgroundHover: string;
158
- backgroundActive: string;
159
- fontFamily: string;
160
- borderColor: string;
161
- borderWidth: string;
162
- };
163
- form: {
164
- columnGap: string;
165
- rowGap: string;
166
- label: {
167
- foreground: string;
168
- fontFamily: string;
169
- };
170
- field: {
171
- input: {
172
- background: string;
173
- foreground: string;
174
- foregroundSubdued: string;
175
- borderColor: string;
176
- borderColorHover: string;
177
- borderColorFocus: string;
178
- boxShadow: string;
179
- boxShadowHover: string;
180
- boxShadowFocus: string;
181
- height: string;
182
- padding: string;
183
- };
184
- };
185
- };
186
- };
187
- };
188
- public: {
189
- background: string;
190
- foreground: string;
191
- foregroundAccent: string;
192
- art: {
193
- background: string;
194
- primary: string;
195
- secondary: string;
196
- speed: string;
197
- };
198
- form: {
199
- columnGap: string;
200
- rowGap: string;
201
- label: {
202
- foreground: string;
203
- fontFamily: string;
204
- };
205
- field: {
206
- input: {
207
- background: string;
208
- foreground: string;
209
- foregroundSubdued: string;
210
- borderColor: string;
211
- borderColorHover: string;
212
- borderColorFocus: string;
213
- boxShadow: string;
214
- boxShadowHover: string;
215
- boxShadowFocus: string;
216
- height: string;
217
- padding: string;
218
- };
219
- };
220
- };
221
- };
222
- popover: {
223
- menu: {
224
- background: string;
225
- borderRadius: string;
226
- boxShadow: string;
227
- };
228
- };
229
- banner: {
230
- background: string;
231
- padding: string;
232
- borderRadius: string;
233
- avatar: {
234
- borderRadius: string;
235
- foreground: string;
236
- background: string;
237
- };
238
- headline: {
239
- foreground: string;
240
- fontFamily: string;
241
- fontWeight: string;
242
- };
243
- title: {
244
- foreground: string;
245
- fontFamily: string;
246
- fontWeight: string;
247
- };
248
- subtitle: {
249
- foreground: string;
250
- fontFamily: string;
251
- fontWeight: string;
252
- };
253
- art: {
254
- foreground: string;
255
- };
256
- };
257
- };
258
- };
259
- export default _default;
package/dist/themes/light/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { default as directusColorMatch } from './color-match.js';
2
- export { default as directusDefault } from './default.js';
3
- export { default as directusMinimal } from './minimal.js';