@roku-ui/vue 0.11.1 → 0.13.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.
- package/dist/components/Btn.vue.d.ts +2 -4
- package/dist/components/Chip.vue.d.ts +57 -0
- package/dist/components/Indicator.vue.d.ts +4 -3
- package/dist/components/Select.vue.d.ts +2 -0
- package/dist/composables/dom.d.ts +7 -0
- package/dist/composables/index.d.ts +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1926 -1884
- package/dist/index.umd.cjs +1 -1
- package/dist/shared/index.d.ts +224 -59
- package/dist/style.css +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/utils/theme.d.ts +0 -15
- package/package.json +17 -17
package/dist/shared/index.d.ts
CHANGED
|
@@ -1,6 +1,21 @@
|
|
|
1
1
|
import { MaybeRef } from 'vue';
|
|
2
2
|
import { default as tinycolor } from 'tinycolor2';
|
|
3
3
|
import { Variant } from '../types';
|
|
4
|
+
export declare const primaryColor: globalThis.Ref<string>;
|
|
5
|
+
export declare const secondaryColor: globalThis.Ref<string>;
|
|
6
|
+
export declare const tertiaryColor: globalThis.Ref<string>;
|
|
7
|
+
export declare const errorColor: globalThis.Ref<string>;
|
|
8
|
+
export declare const surfaceColor: globalThis.Ref<string>;
|
|
9
|
+
export declare const defaultTheme: globalThis.ComputedRef<{
|
|
10
|
+
name: string;
|
|
11
|
+
colors: {
|
|
12
|
+
primary: import('..').ColorsTuple;
|
|
13
|
+
secondary: import('..').ColorsTuple;
|
|
14
|
+
tertiary: import('..').ColorsTuple;
|
|
15
|
+
error: import('..').ColorsTuple;
|
|
16
|
+
surface: import('..').ColorsTuple;
|
|
17
|
+
};
|
|
18
|
+
}>;
|
|
4
19
|
export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef<tinycolor.Instance[]>, variant?: MaybeRef<Variant> | undefined): globalThis.ComputedRef<{
|
|
5
20
|
'--d-text': string;
|
|
6
21
|
'--d-text-h': string;
|
|
@@ -8,6 +23,11 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
8
23
|
'--d-fill-t': string;
|
|
9
24
|
'--d-fill-h': string;
|
|
10
25
|
'--d-on-fill': string;
|
|
26
|
+
'--d-border': string;
|
|
27
|
+
'--d-border-h': string;
|
|
28
|
+
'--d-fill-t-h': string;
|
|
29
|
+
'--d-fill-50': string;
|
|
30
|
+
'--d-fill-75': string;
|
|
11
31
|
'--l-text': string;
|
|
12
32
|
'--l-text-h': string;
|
|
13
33
|
'--l-fill': string;
|
|
@@ -15,20 +35,30 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
15
35
|
'--l-fill-h': string;
|
|
16
36
|
'--l-on-fill': string;
|
|
17
37
|
'--l-border': string;
|
|
18
|
-
'--
|
|
19
|
-
'--d-fill-t-h': string;
|
|
38
|
+
'--l-border-h': string;
|
|
20
39
|
'--l-fill-t-h': string;
|
|
21
|
-
'--d-fill-50': string;
|
|
22
40
|
'--l-fill-50': string;
|
|
23
|
-
'--d-fill-75': string;
|
|
24
41
|
'--l-fill-75': string;
|
|
42
|
+
'--d-surface-high'?: undefined;
|
|
43
|
+
'--d-surface-border'?: undefined;
|
|
44
|
+
'--l-surface-high'?: undefined;
|
|
45
|
+
'--l-surface-border'?: undefined;
|
|
25
46
|
} | {
|
|
47
|
+
'--d-surface-high': string;
|
|
48
|
+
'--d-surface-border': string;
|
|
49
|
+
'--l-surface-high': string;
|
|
50
|
+
'--l-surface-border': string;
|
|
26
51
|
'--d-text'?: undefined;
|
|
27
52
|
'--d-text-h'?: undefined;
|
|
28
53
|
'--d-fill'?: undefined;
|
|
29
54
|
'--d-fill-t'?: undefined;
|
|
30
55
|
'--d-fill-h'?: undefined;
|
|
31
56
|
'--d-on-fill'?: undefined;
|
|
57
|
+
'--d-border'?: undefined;
|
|
58
|
+
'--d-border-h'?: undefined;
|
|
59
|
+
'--d-fill-t-h'?: undefined;
|
|
60
|
+
'--d-fill-50'?: undefined;
|
|
61
|
+
'--d-fill-75'?: undefined;
|
|
32
62
|
'--l-text'?: undefined;
|
|
33
63
|
'--l-text-h'?: undefined;
|
|
34
64
|
'--l-fill'?: undefined;
|
|
@@ -36,12 +66,9 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
36
66
|
'--l-fill-h'?: undefined;
|
|
37
67
|
'--l-on-fill'?: undefined;
|
|
38
68
|
'--l-border'?: undefined;
|
|
39
|
-
'--
|
|
40
|
-
'--d-fill-t-h'?: undefined;
|
|
69
|
+
'--l-border-h'?: undefined;
|
|
41
70
|
'--l-fill-t-h'?: undefined;
|
|
42
|
-
'--d-fill-50'?: undefined;
|
|
43
71
|
'--l-fill-50'?: undefined;
|
|
44
|
-
'--d-fill-75'?: undefined;
|
|
45
72
|
'--l-fill-75'?: undefined;
|
|
46
73
|
} | {
|
|
47
74
|
'--d-fill': string;
|
|
@@ -53,17 +80,23 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
53
80
|
'--d-text'?: undefined;
|
|
54
81
|
'--d-text-h'?: undefined;
|
|
55
82
|
'--d-fill-t'?: undefined;
|
|
83
|
+
'--d-border'?: undefined;
|
|
84
|
+
'--d-border-h'?: undefined;
|
|
85
|
+
'--d-fill-t-h'?: undefined;
|
|
86
|
+
'--d-fill-50'?: undefined;
|
|
87
|
+
'--d-fill-75'?: undefined;
|
|
56
88
|
'--l-text'?: undefined;
|
|
57
89
|
'--l-text-h'?: undefined;
|
|
58
90
|
'--l-fill-t'?: undefined;
|
|
59
91
|
'--l-border'?: undefined;
|
|
60
|
-
'--
|
|
61
|
-
'--d-fill-t-h'?: undefined;
|
|
92
|
+
'--l-border-h'?: undefined;
|
|
62
93
|
'--l-fill-t-h'?: undefined;
|
|
63
|
-
'--d-fill-50'?: undefined;
|
|
64
94
|
'--l-fill-50'?: undefined;
|
|
65
|
-
'--d-fill-75'?: undefined;
|
|
66
95
|
'--l-fill-75'?: undefined;
|
|
96
|
+
'--d-surface-high'?: undefined;
|
|
97
|
+
'--d-surface-border'?: undefined;
|
|
98
|
+
'--l-surface-high'?: undefined;
|
|
99
|
+
'--l-surface-border'?: undefined;
|
|
67
100
|
} | {
|
|
68
101
|
'--d-text': string;
|
|
69
102
|
'--d-text-h': string;
|
|
@@ -74,17 +107,23 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
74
107
|
'--d-fill'?: undefined;
|
|
75
108
|
'--d-fill-h'?: undefined;
|
|
76
109
|
'--d-on-fill'?: undefined;
|
|
110
|
+
'--d-border'?: undefined;
|
|
111
|
+
'--d-border-h'?: undefined;
|
|
112
|
+
'--d-fill-t-h'?: undefined;
|
|
113
|
+
'--d-fill-50'?: undefined;
|
|
114
|
+
'--d-fill-75'?: undefined;
|
|
77
115
|
'--l-fill'?: undefined;
|
|
78
116
|
'--l-fill-h'?: undefined;
|
|
79
117
|
'--l-on-fill'?: undefined;
|
|
80
118
|
'--l-border'?: undefined;
|
|
81
|
-
'--
|
|
82
|
-
'--d-fill-t-h'?: undefined;
|
|
119
|
+
'--l-border-h'?: undefined;
|
|
83
120
|
'--l-fill-t-h'?: undefined;
|
|
84
|
-
'--d-fill-50'?: undefined;
|
|
85
121
|
'--l-fill-50'?: undefined;
|
|
86
|
-
'--d-fill-75'?: undefined;
|
|
87
122
|
'--l-fill-75'?: undefined;
|
|
123
|
+
'--d-surface-high'?: undefined;
|
|
124
|
+
'--d-surface-border'?: undefined;
|
|
125
|
+
'--l-surface-high'?: undefined;
|
|
126
|
+
'--l-surface-border'?: undefined;
|
|
88
127
|
} | {
|
|
89
128
|
'--d-fill-t': string;
|
|
90
129
|
'--d-fill-t-h': string;
|
|
@@ -96,16 +135,22 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
96
135
|
'--d-fill'?: undefined;
|
|
97
136
|
'--d-fill-h'?: undefined;
|
|
98
137
|
'--d-on-fill'?: undefined;
|
|
138
|
+
'--d-border'?: undefined;
|
|
139
|
+
'--d-border-h'?: undefined;
|
|
140
|
+
'--d-fill-50'?: undefined;
|
|
141
|
+
'--d-fill-75'?: undefined;
|
|
99
142
|
'--l-text-h'?: undefined;
|
|
100
143
|
'--l-fill'?: undefined;
|
|
101
144
|
'--l-fill-h'?: undefined;
|
|
102
145
|
'--l-on-fill'?: undefined;
|
|
103
146
|
'--l-border'?: undefined;
|
|
104
|
-
'--
|
|
105
|
-
'--d-fill-50'?: undefined;
|
|
147
|
+
'--l-border-h'?: undefined;
|
|
106
148
|
'--l-fill-50'?: undefined;
|
|
107
|
-
'--d-fill-75'?: undefined;
|
|
108
149
|
'--l-fill-75'?: undefined;
|
|
150
|
+
'--d-surface-high'?: undefined;
|
|
151
|
+
'--d-surface-border'?: undefined;
|
|
152
|
+
'--l-surface-high'?: undefined;
|
|
153
|
+
'--l-surface-border'?: undefined;
|
|
109
154
|
} | {
|
|
110
155
|
'--d-text': string;
|
|
111
156
|
'--d-fill-t': string;
|
|
@@ -115,18 +160,24 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
115
160
|
'--d-fill'?: undefined;
|
|
116
161
|
'--d-fill-h'?: undefined;
|
|
117
162
|
'--d-on-fill'?: undefined;
|
|
163
|
+
'--d-border'?: undefined;
|
|
164
|
+
'--d-border-h'?: undefined;
|
|
165
|
+
'--d-fill-t-h'?: undefined;
|
|
166
|
+
'--d-fill-50'?: undefined;
|
|
167
|
+
'--d-fill-75'?: undefined;
|
|
118
168
|
'--l-text-h'?: undefined;
|
|
119
169
|
'--l-fill'?: undefined;
|
|
120
170
|
'--l-fill-h'?: undefined;
|
|
121
171
|
'--l-on-fill'?: undefined;
|
|
122
172
|
'--l-border'?: undefined;
|
|
123
|
-
'--
|
|
124
|
-
'--d-fill-t-h'?: undefined;
|
|
173
|
+
'--l-border-h'?: undefined;
|
|
125
174
|
'--l-fill-t-h'?: undefined;
|
|
126
|
-
'--d-fill-50'?: undefined;
|
|
127
175
|
'--l-fill-50'?: undefined;
|
|
128
|
-
'--d-fill-75'?: undefined;
|
|
129
176
|
'--l-fill-75'?: undefined;
|
|
177
|
+
'--d-surface-high'?: undefined;
|
|
178
|
+
'--d-surface-border'?: undefined;
|
|
179
|
+
'--l-surface-high'?: undefined;
|
|
180
|
+
'--l-surface-border'?: undefined;
|
|
130
181
|
} | {
|
|
131
182
|
'--d-text': string;
|
|
132
183
|
'--l-text': string;
|
|
@@ -135,19 +186,25 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
135
186
|
'--d-fill-t'?: undefined;
|
|
136
187
|
'--d-fill-h'?: undefined;
|
|
137
188
|
'--d-on-fill'?: undefined;
|
|
189
|
+
'--d-border'?: undefined;
|
|
190
|
+
'--d-border-h'?: undefined;
|
|
191
|
+
'--d-fill-t-h'?: undefined;
|
|
192
|
+
'--d-fill-50'?: undefined;
|
|
193
|
+
'--d-fill-75'?: undefined;
|
|
138
194
|
'--l-text-h'?: undefined;
|
|
139
195
|
'--l-fill'?: undefined;
|
|
140
196
|
'--l-fill-t'?: undefined;
|
|
141
197
|
'--l-fill-h'?: undefined;
|
|
142
198
|
'--l-on-fill'?: undefined;
|
|
143
199
|
'--l-border'?: undefined;
|
|
144
|
-
'--
|
|
145
|
-
'--d-fill-t-h'?: undefined;
|
|
200
|
+
'--l-border-h'?: undefined;
|
|
146
201
|
'--l-fill-t-h'?: undefined;
|
|
147
|
-
'--d-fill-50'?: undefined;
|
|
148
202
|
'--l-fill-50'?: undefined;
|
|
149
|
-
'--d-fill-75'?: undefined;
|
|
150
203
|
'--l-fill-75'?: undefined;
|
|
204
|
+
'--d-surface-high'?: undefined;
|
|
205
|
+
'--d-surface-border'?: undefined;
|
|
206
|
+
'--l-surface-high'?: undefined;
|
|
207
|
+
'--l-surface-border'?: undefined;
|
|
151
208
|
} | {
|
|
152
209
|
'--d-text': string;
|
|
153
210
|
'--l-text': string;
|
|
@@ -158,17 +215,50 @@ export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef
|
|
|
158
215
|
'--d-text-h'?: undefined;
|
|
159
216
|
'--d-fill-t'?: undefined;
|
|
160
217
|
'--d-fill-h'?: undefined;
|
|
218
|
+
'--d-border'?: undefined;
|
|
219
|
+
'--d-border-h'?: undefined;
|
|
220
|
+
'--d-fill-t-h'?: undefined;
|
|
221
|
+
'--d-fill-50'?: undefined;
|
|
222
|
+
'--d-fill-75'?: undefined;
|
|
161
223
|
'--l-text-h'?: undefined;
|
|
162
224
|
'--l-fill-t'?: undefined;
|
|
163
225
|
'--l-fill-h'?: undefined;
|
|
164
226
|
'--l-border'?: undefined;
|
|
227
|
+
'--l-border-h'?: undefined;
|
|
228
|
+
'--l-fill-t-h'?: undefined;
|
|
229
|
+
'--l-fill-50'?: undefined;
|
|
230
|
+
'--l-fill-75'?: undefined;
|
|
231
|
+
'--d-surface-high'?: undefined;
|
|
232
|
+
'--d-surface-border'?: undefined;
|
|
233
|
+
'--l-surface-high'?: undefined;
|
|
234
|
+
'--l-surface-border'?: undefined;
|
|
235
|
+
} | {
|
|
236
|
+
'--d-text'?: undefined;
|
|
237
|
+
'--d-text-h'?: undefined;
|
|
238
|
+
'--d-fill'?: undefined;
|
|
239
|
+
'--d-fill-t'?: undefined;
|
|
240
|
+
'--d-fill-h'?: undefined;
|
|
241
|
+
'--d-on-fill'?: undefined;
|
|
165
242
|
'--d-border'?: undefined;
|
|
243
|
+
'--d-border-h'?: undefined;
|
|
166
244
|
'--d-fill-t-h'?: undefined;
|
|
167
|
-
'--l-fill-t-h'?: undefined;
|
|
168
245
|
'--d-fill-50'?: undefined;
|
|
169
|
-
'--l-fill-50'?: undefined;
|
|
170
246
|
'--d-fill-75'?: undefined;
|
|
247
|
+
'--l-text'?: undefined;
|
|
248
|
+
'--l-text-h'?: undefined;
|
|
249
|
+
'--l-fill'?: undefined;
|
|
250
|
+
'--l-fill-t'?: undefined;
|
|
251
|
+
'--l-fill-h'?: undefined;
|
|
252
|
+
'--l-on-fill'?: undefined;
|
|
253
|
+
'--l-border'?: undefined;
|
|
254
|
+
'--l-border-h'?: undefined;
|
|
255
|
+
'--l-fill-t-h'?: undefined;
|
|
256
|
+
'--l-fill-50'?: undefined;
|
|
171
257
|
'--l-fill-75'?: undefined;
|
|
258
|
+
'--d-surface-high'?: undefined;
|
|
259
|
+
'--d-surface-border'?: undefined;
|
|
260
|
+
'--l-surface-high'?: undefined;
|
|
261
|
+
'--l-surface-border'?: undefined;
|
|
172
262
|
}>;
|
|
173
263
|
export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRef<Variant> | undefined): globalThis.ComputedRef<{
|
|
174
264
|
'--d-text': string;
|
|
@@ -177,6 +267,11 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
177
267
|
'--d-fill-t': string;
|
|
178
268
|
'--d-fill-h': string;
|
|
179
269
|
'--d-on-fill': string;
|
|
270
|
+
'--d-border': string;
|
|
271
|
+
'--d-border-h': string;
|
|
272
|
+
'--d-fill-t-h': string;
|
|
273
|
+
'--d-fill-50': string;
|
|
274
|
+
'--d-fill-75': string;
|
|
180
275
|
'--l-text': string;
|
|
181
276
|
'--l-text-h': string;
|
|
182
277
|
'--l-fill': string;
|
|
@@ -184,20 +279,30 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
184
279
|
'--l-fill-h': string;
|
|
185
280
|
'--l-on-fill': string;
|
|
186
281
|
'--l-border': string;
|
|
187
|
-
'--
|
|
188
|
-
'--d-fill-t-h': string;
|
|
282
|
+
'--l-border-h': string;
|
|
189
283
|
'--l-fill-t-h': string;
|
|
190
|
-
'--d-fill-50': string;
|
|
191
284
|
'--l-fill-50': string;
|
|
192
|
-
'--d-fill-75': string;
|
|
193
285
|
'--l-fill-75': string;
|
|
286
|
+
'--d-surface-high'?: undefined;
|
|
287
|
+
'--d-surface-border'?: undefined;
|
|
288
|
+
'--l-surface-high'?: undefined;
|
|
289
|
+
'--l-surface-border'?: undefined;
|
|
194
290
|
} | {
|
|
291
|
+
'--d-surface-high': string;
|
|
292
|
+
'--d-surface-border': string;
|
|
293
|
+
'--l-surface-high': string;
|
|
294
|
+
'--l-surface-border': string;
|
|
195
295
|
'--d-text'?: undefined;
|
|
196
296
|
'--d-text-h'?: undefined;
|
|
197
297
|
'--d-fill'?: undefined;
|
|
198
298
|
'--d-fill-t'?: undefined;
|
|
199
299
|
'--d-fill-h'?: undefined;
|
|
200
300
|
'--d-on-fill'?: undefined;
|
|
301
|
+
'--d-border'?: undefined;
|
|
302
|
+
'--d-border-h'?: undefined;
|
|
303
|
+
'--d-fill-t-h'?: undefined;
|
|
304
|
+
'--d-fill-50'?: undefined;
|
|
305
|
+
'--d-fill-75'?: undefined;
|
|
201
306
|
'--l-text'?: undefined;
|
|
202
307
|
'--l-text-h'?: undefined;
|
|
203
308
|
'--l-fill'?: undefined;
|
|
@@ -205,12 +310,9 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
205
310
|
'--l-fill-h'?: undefined;
|
|
206
311
|
'--l-on-fill'?: undefined;
|
|
207
312
|
'--l-border'?: undefined;
|
|
208
|
-
'--
|
|
209
|
-
'--d-fill-t-h'?: undefined;
|
|
313
|
+
'--l-border-h'?: undefined;
|
|
210
314
|
'--l-fill-t-h'?: undefined;
|
|
211
|
-
'--d-fill-50'?: undefined;
|
|
212
315
|
'--l-fill-50'?: undefined;
|
|
213
|
-
'--d-fill-75'?: undefined;
|
|
214
316
|
'--l-fill-75'?: undefined;
|
|
215
317
|
} | {
|
|
216
318
|
'--d-fill': string;
|
|
@@ -222,17 +324,23 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
222
324
|
'--d-text'?: undefined;
|
|
223
325
|
'--d-text-h'?: undefined;
|
|
224
326
|
'--d-fill-t'?: undefined;
|
|
327
|
+
'--d-border'?: undefined;
|
|
328
|
+
'--d-border-h'?: undefined;
|
|
329
|
+
'--d-fill-t-h'?: undefined;
|
|
330
|
+
'--d-fill-50'?: undefined;
|
|
331
|
+
'--d-fill-75'?: undefined;
|
|
225
332
|
'--l-text'?: undefined;
|
|
226
333
|
'--l-text-h'?: undefined;
|
|
227
334
|
'--l-fill-t'?: undefined;
|
|
228
335
|
'--l-border'?: undefined;
|
|
229
|
-
'--
|
|
230
|
-
'--d-fill-t-h'?: undefined;
|
|
336
|
+
'--l-border-h'?: undefined;
|
|
231
337
|
'--l-fill-t-h'?: undefined;
|
|
232
|
-
'--d-fill-50'?: undefined;
|
|
233
338
|
'--l-fill-50'?: undefined;
|
|
234
|
-
'--d-fill-75'?: undefined;
|
|
235
339
|
'--l-fill-75'?: undefined;
|
|
340
|
+
'--d-surface-high'?: undefined;
|
|
341
|
+
'--d-surface-border'?: undefined;
|
|
342
|
+
'--l-surface-high'?: undefined;
|
|
343
|
+
'--l-surface-border'?: undefined;
|
|
236
344
|
} | {
|
|
237
345
|
'--d-text': string;
|
|
238
346
|
'--d-text-h': string;
|
|
@@ -243,17 +351,23 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
243
351
|
'--d-fill'?: undefined;
|
|
244
352
|
'--d-fill-h'?: undefined;
|
|
245
353
|
'--d-on-fill'?: undefined;
|
|
354
|
+
'--d-border'?: undefined;
|
|
355
|
+
'--d-border-h'?: undefined;
|
|
356
|
+
'--d-fill-t-h'?: undefined;
|
|
357
|
+
'--d-fill-50'?: undefined;
|
|
358
|
+
'--d-fill-75'?: undefined;
|
|
246
359
|
'--l-fill'?: undefined;
|
|
247
360
|
'--l-fill-h'?: undefined;
|
|
248
361
|
'--l-on-fill'?: undefined;
|
|
249
362
|
'--l-border'?: undefined;
|
|
250
|
-
'--
|
|
251
|
-
'--d-fill-t-h'?: undefined;
|
|
363
|
+
'--l-border-h'?: undefined;
|
|
252
364
|
'--l-fill-t-h'?: undefined;
|
|
253
|
-
'--d-fill-50'?: undefined;
|
|
254
365
|
'--l-fill-50'?: undefined;
|
|
255
|
-
'--d-fill-75'?: undefined;
|
|
256
366
|
'--l-fill-75'?: undefined;
|
|
367
|
+
'--d-surface-high'?: undefined;
|
|
368
|
+
'--d-surface-border'?: undefined;
|
|
369
|
+
'--l-surface-high'?: undefined;
|
|
370
|
+
'--l-surface-border'?: undefined;
|
|
257
371
|
} | {
|
|
258
372
|
'--d-fill-t': string;
|
|
259
373
|
'--d-fill-t-h': string;
|
|
@@ -265,16 +379,22 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
265
379
|
'--d-fill'?: undefined;
|
|
266
380
|
'--d-fill-h'?: undefined;
|
|
267
381
|
'--d-on-fill'?: undefined;
|
|
382
|
+
'--d-border'?: undefined;
|
|
383
|
+
'--d-border-h'?: undefined;
|
|
384
|
+
'--d-fill-50'?: undefined;
|
|
385
|
+
'--d-fill-75'?: undefined;
|
|
268
386
|
'--l-text-h'?: undefined;
|
|
269
387
|
'--l-fill'?: undefined;
|
|
270
388
|
'--l-fill-h'?: undefined;
|
|
271
389
|
'--l-on-fill'?: undefined;
|
|
272
390
|
'--l-border'?: undefined;
|
|
273
|
-
'--
|
|
274
|
-
'--d-fill-50'?: undefined;
|
|
391
|
+
'--l-border-h'?: undefined;
|
|
275
392
|
'--l-fill-50'?: undefined;
|
|
276
|
-
'--d-fill-75'?: undefined;
|
|
277
393
|
'--l-fill-75'?: undefined;
|
|
394
|
+
'--d-surface-high'?: undefined;
|
|
395
|
+
'--d-surface-border'?: undefined;
|
|
396
|
+
'--l-surface-high'?: undefined;
|
|
397
|
+
'--l-surface-border'?: undefined;
|
|
278
398
|
} | {
|
|
279
399
|
'--d-text': string;
|
|
280
400
|
'--d-fill-t': string;
|
|
@@ -284,18 +404,24 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
284
404
|
'--d-fill'?: undefined;
|
|
285
405
|
'--d-fill-h'?: undefined;
|
|
286
406
|
'--d-on-fill'?: undefined;
|
|
407
|
+
'--d-border'?: undefined;
|
|
408
|
+
'--d-border-h'?: undefined;
|
|
409
|
+
'--d-fill-t-h'?: undefined;
|
|
410
|
+
'--d-fill-50'?: undefined;
|
|
411
|
+
'--d-fill-75'?: undefined;
|
|
287
412
|
'--l-text-h'?: undefined;
|
|
288
413
|
'--l-fill'?: undefined;
|
|
289
414
|
'--l-fill-h'?: undefined;
|
|
290
415
|
'--l-on-fill'?: undefined;
|
|
291
416
|
'--l-border'?: undefined;
|
|
292
|
-
'--
|
|
293
|
-
'--d-fill-t-h'?: undefined;
|
|
417
|
+
'--l-border-h'?: undefined;
|
|
294
418
|
'--l-fill-t-h'?: undefined;
|
|
295
|
-
'--d-fill-50'?: undefined;
|
|
296
419
|
'--l-fill-50'?: undefined;
|
|
297
|
-
'--d-fill-75'?: undefined;
|
|
298
420
|
'--l-fill-75'?: undefined;
|
|
421
|
+
'--d-surface-high'?: undefined;
|
|
422
|
+
'--d-surface-border'?: undefined;
|
|
423
|
+
'--l-surface-high'?: undefined;
|
|
424
|
+
'--l-surface-border'?: undefined;
|
|
299
425
|
} | {
|
|
300
426
|
'--d-text': string;
|
|
301
427
|
'--l-text': string;
|
|
@@ -304,19 +430,25 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
304
430
|
'--d-fill-t'?: undefined;
|
|
305
431
|
'--d-fill-h'?: undefined;
|
|
306
432
|
'--d-on-fill'?: undefined;
|
|
433
|
+
'--d-border'?: undefined;
|
|
434
|
+
'--d-border-h'?: undefined;
|
|
435
|
+
'--d-fill-t-h'?: undefined;
|
|
436
|
+
'--d-fill-50'?: undefined;
|
|
437
|
+
'--d-fill-75'?: undefined;
|
|
307
438
|
'--l-text-h'?: undefined;
|
|
308
439
|
'--l-fill'?: undefined;
|
|
309
440
|
'--l-fill-t'?: undefined;
|
|
310
441
|
'--l-fill-h'?: undefined;
|
|
311
442
|
'--l-on-fill'?: undefined;
|
|
312
443
|
'--l-border'?: undefined;
|
|
313
|
-
'--
|
|
314
|
-
'--d-fill-t-h'?: undefined;
|
|
444
|
+
'--l-border-h'?: undefined;
|
|
315
445
|
'--l-fill-t-h'?: undefined;
|
|
316
|
-
'--d-fill-50'?: undefined;
|
|
317
446
|
'--l-fill-50'?: undefined;
|
|
318
|
-
'--d-fill-75'?: undefined;
|
|
319
447
|
'--l-fill-75'?: undefined;
|
|
448
|
+
'--d-surface-high'?: undefined;
|
|
449
|
+
'--d-surface-border'?: undefined;
|
|
450
|
+
'--l-surface-high'?: undefined;
|
|
451
|
+
'--l-surface-border'?: undefined;
|
|
320
452
|
} | {
|
|
321
453
|
'--d-text': string;
|
|
322
454
|
'--l-text': string;
|
|
@@ -327,17 +459,50 @@ export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRe
|
|
|
327
459
|
'--d-text-h'?: undefined;
|
|
328
460
|
'--d-fill-t'?: undefined;
|
|
329
461
|
'--d-fill-h'?: undefined;
|
|
462
|
+
'--d-border'?: undefined;
|
|
463
|
+
'--d-border-h'?: undefined;
|
|
464
|
+
'--d-fill-t-h'?: undefined;
|
|
465
|
+
'--d-fill-50'?: undefined;
|
|
466
|
+
'--d-fill-75'?: undefined;
|
|
330
467
|
'--l-text-h'?: undefined;
|
|
331
468
|
'--l-fill-t'?: undefined;
|
|
332
469
|
'--l-fill-h'?: undefined;
|
|
333
470
|
'--l-border'?: undefined;
|
|
471
|
+
'--l-border-h'?: undefined;
|
|
472
|
+
'--l-fill-t-h'?: undefined;
|
|
473
|
+
'--l-fill-50'?: undefined;
|
|
474
|
+
'--l-fill-75'?: undefined;
|
|
475
|
+
'--d-surface-high'?: undefined;
|
|
476
|
+
'--d-surface-border'?: undefined;
|
|
477
|
+
'--l-surface-high'?: undefined;
|
|
478
|
+
'--l-surface-border'?: undefined;
|
|
479
|
+
} | {
|
|
480
|
+
'--d-text'?: undefined;
|
|
481
|
+
'--d-text-h'?: undefined;
|
|
482
|
+
'--d-fill'?: undefined;
|
|
483
|
+
'--d-fill-t'?: undefined;
|
|
484
|
+
'--d-fill-h'?: undefined;
|
|
485
|
+
'--d-on-fill'?: undefined;
|
|
334
486
|
'--d-border'?: undefined;
|
|
487
|
+
'--d-border-h'?: undefined;
|
|
335
488
|
'--d-fill-t-h'?: undefined;
|
|
336
|
-
'--l-fill-t-h'?: undefined;
|
|
337
489
|
'--d-fill-50'?: undefined;
|
|
338
|
-
'--l-fill-50'?: undefined;
|
|
339
490
|
'--d-fill-75'?: undefined;
|
|
491
|
+
'--l-text'?: undefined;
|
|
492
|
+
'--l-text-h'?: undefined;
|
|
493
|
+
'--l-fill'?: undefined;
|
|
494
|
+
'--l-fill-t'?: undefined;
|
|
495
|
+
'--l-fill-h'?: undefined;
|
|
496
|
+
'--l-on-fill'?: undefined;
|
|
497
|
+
'--l-border'?: undefined;
|
|
498
|
+
'--l-border-h'?: undefined;
|
|
499
|
+
'--l-fill-t-h'?: undefined;
|
|
500
|
+
'--l-fill-50'?: undefined;
|
|
340
501
|
'--l-fill-75'?: undefined;
|
|
502
|
+
'--d-surface-high'?: undefined;
|
|
503
|
+
'--d-surface-border'?: undefined;
|
|
504
|
+
'--l-surface-high'?: undefined;
|
|
505
|
+
'--l-surface-border'?: undefined;
|
|
341
506
|
}>;
|
|
342
507
|
export declare function useColorStyleWithKey(color: MaybeRef<string>, keys: any[]): globalThis.ComputedRef<any>;
|
|
343
|
-
export declare function useColorClass(variant: MaybeRef<Variant>): globalThis.ComputedRef<
|
|
508
|
+
export declare function useColorClass(variant: MaybeRef<Variant>): globalThis.ComputedRef<never[] | "theme-default" | "theme-filled" | "theme-outline" | "theme-light" | "theme-transparent" | "theme-subtle" | "theme-contrast" | "theme-white">;
|