@roku-ui/vue 0.13.0 → 0.14.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 (56) hide show
  1. package/dist/components/AspectRatio.vue.d.ts +11 -28
  2. package/dist/components/Avatar.vue.d.ts +4 -27
  3. package/dist/components/Btn.vue.d.ts +21 -46
  4. package/dist/components/BtnGroup.vue.d.ts +5 -28
  5. package/dist/components/ChatContainer.vue.d.ts +8 -3
  6. package/dist/components/ChatMessage.vue.d.ts +16 -38
  7. package/dist/components/ChatSystem.vue.d.ts +18 -34
  8. package/dist/components/Chip.vue.d.ts +28 -46
  9. package/dist/components/ColorInput.vue.d.ts +7 -13
  10. package/dist/components/ColorSwatch.vue.d.ts +5 -27
  11. package/dist/components/Drawer.vue.d.ts +12 -32
  12. package/dist/components/Dropzone.vue.d.ts +16 -32
  13. package/dist/components/FullscreenOverlay.vue.d.ts +14 -30
  14. package/dist/components/Image.vue.d.ts +4 -27
  15. package/dist/components/Indicator.vue.d.ts +13 -33
  16. package/dist/components/Modal.vue.d.ts +12 -30
  17. package/dist/components/Notification.vue.d.ts +14 -40
  18. package/dist/components/NotificationSystem.vue.d.ts +4 -35
  19. package/dist/components/Overlay.vue.d.ts +14 -34
  20. package/dist/components/Paper.vue.d.ts +18 -43
  21. package/dist/components/PinInput.vue.d.ts +4 -25
  22. package/dist/components/Popover.vue.d.ts +25 -43
  23. package/dist/components/Progress.vue.d.ts +9 -41
  24. package/dist/components/Rating.vue.d.ts +11 -29
  25. package/dist/components/RokuProvider.vue.d.ts +12 -53
  26. package/dist/components/SchemeSwitch.vue.d.ts +1 -1
  27. package/dist/components/ScrollArea.vue.d.ts +16 -31
  28. package/dist/components/Select.vue.d.ts +13 -15
  29. package/dist/components/SelectArea.vue.d.ts +9 -30
  30. package/dist/components/Slider.vue.d.ts +5 -38
  31. package/dist/components/Switch.vue.d.ts +11 -34
  32. package/dist/components/TabItem.vue.d.ts +13 -27
  33. package/dist/components/Tabs.vue.d.ts +14 -28
  34. package/dist/components/Tag.vue.d.ts +17 -35
  35. package/dist/components/TextField.vue.d.ts +16 -34
  36. package/dist/components/ThemeProvider.vue.d.ts +10 -14
  37. package/dist/components/Tooltip.vue.d.ts +15 -28
  38. package/dist/composables/dom.d.ts +2 -2
  39. package/dist/composables/index.d.ts +11 -9
  40. package/dist/index.d.ts +2 -1
  41. package/dist/index.js +3033 -2720
  42. package/dist/index.umd.cjs +1 -1
  43. package/dist/shared/index.d.ts +88 -495
  44. package/dist/style.css +1 -1
  45. package/dist/test/App.vue.d.ts +1 -1
  46. package/dist/test/demo/PopoverDemo.vue.d.ts +1 -1
  47. package/dist/test/demo/RatingDemo.vue.d.ts +1 -1
  48. package/dist/test/demo/SelectAreaDemo.vue.d.ts +1 -1
  49. package/dist/test/demo/TagsDemo.vue.d.ts +1 -1
  50. package/dist/test/demo/WaterfallDemo.vue.d.ts +1 -1
  51. package/dist/types/index.d.ts +4 -2
  52. package/dist/utils/classGenerator.d.ts +1 -1
  53. package/dist/utils/index.d.ts +3 -3
  54. package/dist/utils/notifications.d.ts +10 -1
  55. package/dist/utils/theme.d.ts +5 -5
  56. package/package.json +19 -21
package/dist/shared/index.d.ts CHANGED
@@ -1,508 +1,101 @@
1
- import { MaybeRef } from 'vue';
1
+ import { ComputedRef, MaybeRef } from 'vue';
2
+ import { BtnVariant, Color, ContainerVariant, InputVariant } from '../types';
2
3
  import { default as tinycolor } from 'tinycolor2';
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<{
4
+ export declare const primaryColor: import('vue').Ref<string, string>;
5
+ export declare const secondaryColor: import('vue').Ref<string, string>;
6
+ export declare const tertiaryColor: import('vue').Ref<string, string>;
7
+ export declare const errorColor: import('vue').Ref<string, string>;
8
+ export declare const surfaceColor: import('vue').Ref<string, string>;
9
+ export declare const primaryColors: ComputedRef<tinycolor.Instance[]>;
10
+ export declare const secondaryColors: ComputedRef<tinycolor.Instance[]>;
11
+ export declare const tertiaryColors: ComputedRef<tinycolor.Instance[]>;
12
+ export declare const errorColors: ComputedRef<tinycolor.Instance[]>;
13
+ export declare const surfaceColors: ComputedRef<tinycolor.Instance[]>;
14
+ export declare const defaultTheme: ComputedRef<{
10
15
  name: string;
11
16
  colors: {
12
- primary: import('..').ColorsTuple;
13
- secondary: import('..').ColorsTuple;
14
- tertiary: import('..').ColorsTuple;
15
- error: import('..').ColorsTuple;
16
- surface: import('..').ColorsTuple;
17
+ primary: import('../utils').ColorsTuple;
18
+ secondary: import('../utils').ColorsTuple;
19
+ tertiary: import('../utils').ColorsTuple;
20
+ error: import('../utils').ColorsTuple;
21
+ surface: import('../utils').ColorsTuple;
17
22
  };
18
23
  }>;
19
- export declare function useColorStyleByColorsAndVariant(colorInstances: MaybeRef<tinycolor.Instance[]>, variant?: MaybeRef<Variant> | undefined): globalThis.ComputedRef<{
20
- '--d-text': string;
21
- '--d-text-h': string;
22
- '--d-fill': string;
23
- '--d-fill-t': string;
24
- '--d-fill-h': string;
25
- '--d-on-fill': string;
24
+ export declare function useContainerCS(variant: MaybeRef<ContainerVariant>, color: MaybeRef<Color>): ComputedRef<{
25
+ style: {};
26
+ class: string[];
27
+ }>;
28
+ export declare function useColors(color: MaybeRef<Color>, lightnessMap?: number[]): ComputedRef<tinycolor.Instance[]>;
29
+ export declare function useSurfaceColors(): ComputedRef<tinycolor.Instance[]>;
30
+ type CSType = 'bg' | 'border' | 'text' | 'placeholder' | 'hover:bg' | 'hover:border' | 'hover:text' | 'outline';
31
+ type CSIndex = number | {
32
+ dark: number;
33
+ light: number;
34
+ };
35
+ interface CSOptions {
36
+ color: MaybeRef<Color | 'surface'>;
37
+ type: CSType;
38
+ index: CSIndex;
39
+ alpha?: number;
40
+ }
41
+ interface CS {
42
+ style: Record<string, string>;
43
+ class: string[] | string;
44
+ }
45
+ export declare function useContainerDefaultCS(): ComputedRef<{
46
+ style: {};
47
+ class: string[];
48
+ }>;
49
+ export declare function useContainerDefaultVariantCS(): ComputedRef<{
50
+ style: {};
51
+ class: string[];
52
+ }>;
53
+ export declare function useMergedCS(...cs: ReturnType<typeof useCS>[]): ComputedRef<{
54
+ style: {};
55
+ class: string[];
56
+ }>;
57
+ export declare function useIndicatorFilledCS(color: MaybeRef<Color>): ComputedRef<{
58
+ style: {};
59
+ class: string[];
60
+ }>;
61
+ export declare function useContainerFilledCS(color: MaybeRef<Color>): ComputedRef<{
62
+ style: {};
63
+ class: string[];
64
+ }>;
65
+ export declare function useContainerLightCS(color: MaybeRef<Color>): ComputedRef<{
66
+ style: {};
67
+ class: string[];
68
+ }>;
69
+ export declare function getCSInner(colors: tinycolor.Instance[], type: CSType, darkIndex: number, lightIndex: number, alpha?: number): CS;
70
+ export declare function useCS(cs: CSOptions): ComputedRef<CS>;
71
+ export declare function useColorCS(color: MaybeRef<Color>, type: CSType, index: CSIndex, alpha?: number): ComputedRef<CS>;
72
+ export declare function useSurfaceCS(type: CSType, index: CSIndex, alpha?: number): ComputedRef<CS>;
73
+ export declare function useButtonCS(variant?: MaybeRef<BtnVariant>, color?: MaybeRef<Color>): ComputedRef<CS>;
74
+ export declare function useInputColorStyle(color: MaybeRef<string>, variant?: MaybeRef<InputVariant>): {
75
+ '--d-bg': string;
76
+ '--d-border-f': string;
26
77
  '--d-border': string;
27
- '--d-border-h': string;
28
- '--d-fill-t-h': string;
29
- '--d-fill-50': string;
30
- '--d-fill-75': string;
31
- '--l-text': string;
32
- '--l-text-h': string;
33
- '--l-fill': string;
34
- '--l-fill-t': string;
35
- '--l-fill-h': string;
36
- '--l-on-fill': string;
37
- '--l-border': string;
38
- '--l-border-h': string;
39
- '--l-fill-t-h': string;
40
- '--l-fill-50': string;
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;
46
- } | {
47
- '--d-surface-high': string;
48
- '--d-surface-border': string;
49
- '--l-surface-high': string;
50
- '--l-surface-border': string;
51
- '--d-text'?: undefined;
52
- '--d-text-h'?: undefined;
53
- '--d-fill'?: undefined;
54
- '--d-fill-t'?: undefined;
55
- '--d-fill-h'?: undefined;
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;
62
- '--l-text'?: undefined;
63
- '--l-text-h'?: undefined;
64
- '--l-fill'?: undefined;
65
- '--l-fill-t'?: undefined;
66
- '--l-fill-h'?: undefined;
67
- '--l-on-fill'?: undefined;
68
- '--l-border'?: undefined;
69
- '--l-border-h'?: undefined;
70
- '--l-fill-t-h'?: undefined;
71
- '--l-fill-50'?: undefined;
72
- '--l-fill-75'?: undefined;
73
- } | {
74
- '--d-fill': string;
75
- '--l-fill': string;
76
- '--d-on-fill': string;
77
- '--l-on-fill': string;
78
- '--l-fill-h': string;
79
- '--d-fill-h': string;
80
- '--d-text'?: undefined;
81
- '--d-text-h'?: undefined;
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;
88
- '--l-text'?: undefined;
89
- '--l-text-h'?: undefined;
90
- '--l-fill-t'?: undefined;
91
- '--l-border'?: undefined;
92
- '--l-border-h'?: undefined;
93
- '--l-fill-t-h'?: undefined;
94
- '--l-fill-50'?: undefined;
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;
100
- } | {
101
- '--d-text': string;
102
- '--d-text-h': string;
103
- '--d-fill-t': string;
104
- '--l-text': string;
105
- '--l-text-h': string;
106
- '--l-fill-t': string;
107
- '--d-fill'?: undefined;
108
- '--d-fill-h'?: undefined;
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;
115
- '--l-fill'?: undefined;
116
- '--l-fill-h'?: undefined;
117
- '--l-on-fill'?: undefined;
118
- '--l-border'?: undefined;
119
- '--l-border-h'?: undefined;
120
- '--l-fill-t-h'?: undefined;
121
- '--l-fill-50'?: undefined;
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;
127
- } | {
128
- '--d-fill-t': string;
129
- '--d-fill-t-h': string;
130
- '--d-text': string;
131
- '--l-fill-t': string;
132
- '--l-fill-t-h': string;
133
- '--l-text': string;
134
- '--d-text-h'?: undefined;
135
- '--d-fill'?: undefined;
136
- '--d-fill-h'?: undefined;
137
- '--d-on-fill'?: undefined;
138
- '--d-border'?: undefined;
139
- '--d-border-h'?: undefined;
140
- '--d-fill-50'?: undefined;
141
- '--d-fill-75'?: undefined;
142
- '--l-text-h'?: undefined;
143
- '--l-fill'?: undefined;
144
- '--l-fill-h'?: undefined;
145
- '--l-on-fill'?: undefined;
146
- '--l-border'?: undefined;
147
- '--l-border-h'?: undefined;
148
- '--l-fill-50'?: undefined;
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;
154
- } | {
155
- '--d-text': string;
156
- '--d-fill-t': string;
157
- '--l-text': string;
158
- '--l-fill-t': string;
159
- '--d-text-h'?: undefined;
160
- '--d-fill'?: undefined;
161
- '--d-fill-h'?: undefined;
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;
168
- '--l-text-h'?: undefined;
169
- '--l-fill'?: undefined;
170
- '--l-fill-h'?: undefined;
171
- '--l-on-fill'?: undefined;
172
- '--l-border'?: undefined;
173
- '--l-border-h'?: undefined;
174
- '--l-fill-t-h'?: undefined;
175
- '--l-fill-50'?: undefined;
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;
181
- } | {
182
- '--d-text': string;
183
- '--l-text': string;
184
- '--d-text-h'?: undefined;
185
- '--d-fill'?: undefined;
186
- '--d-fill-t'?: undefined;
187
- '--d-fill-h'?: undefined;
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;
194
- '--l-text-h'?: undefined;
195
- '--l-fill'?: undefined;
196
- '--l-fill-t'?: undefined;
197
- '--l-fill-h'?: undefined;
198
- '--l-on-fill'?: undefined;
199
- '--l-border'?: undefined;
200
- '--l-border-h'?: undefined;
201
- '--l-fill-t-h'?: undefined;
202
- '--l-fill-50'?: undefined;
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;
208
- } | {
78
+ '--d-placeholder': string;
209
79
  '--d-text': string;
80
+ '--l-bg': string;
81
+ '--l-border-f': string;
82
+ '--l-border': string;
83
+ '--l-placeholder': string;
210
84
  '--l-text': string;
211
- '--d-fill': string;
212
- '--l-fill': string;
213
- '--d-on-fill': string;
214
- '--l-on-fill': string;
215
- '--d-text-h'?: undefined;
216
- '--d-fill-t'?: undefined;
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;
223
- '--l-text-h'?: undefined;
224
- '--l-fill-t'?: undefined;
225
- '--l-fill-h'?: undefined;
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;
85
+ '--d-bg-h'?: undefined;
86
+ '--l-bg-h'?: undefined;
235
87
  } | {
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;
242
- '--d-border'?: undefined;
243
- '--d-border-h'?: undefined;
244
- '--d-fill-t-h'?: undefined;
245
- '--d-fill-50'?: undefined;
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;
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;
262
- }>;
263
- export declare function useColorStyle(color: MaybeRef<string>, variant?: MaybeRef<Variant> | undefined): globalThis.ComputedRef<{
264
- '--d-text': string;
265
- '--d-text-h': string;
266
- '--d-fill': string;
267
- '--d-fill-t': string;
268
- '--d-fill-h': string;
269
- '--d-on-fill': string;
88
+ '--d-bg': string;
89
+ '--d-bg-h': string;
270
90
  '--d-border': string;
271
- '--d-border-h': string;
272
- '--d-fill-t-h': string;
273
- '--d-fill-50': string;
274
- '--d-fill-75': string;
275
- '--l-text': string;
276
- '--l-text-h': string;
277
- '--l-fill': string;
278
- '--l-fill-t': string;
279
- '--l-fill-h': string;
280
- '--l-on-fill': string;
91
+ '--l-bg': string;
92
+ '--l-bg-h': string;
281
93
  '--l-border': string;
282
- '--l-border-h': string;
283
- '--l-fill-t-h': string;
284
- '--l-fill-50': string;
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;
290
- } | {
291
- '--d-surface-high': string;
292
- '--d-surface-border': string;
293
- '--l-surface-high': string;
294
- '--l-surface-border': string;
94
+ '--d-border-f'?: undefined;
95
+ '--d-placeholder'?: undefined;
295
96
  '--d-text'?: undefined;
296
- '--d-text-h'?: undefined;
297
- '--d-fill'?: undefined;
298
- '--d-fill-t'?: undefined;
299
- '--d-fill-h'?: undefined;
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;
97
+ '--l-border-f'?: undefined;
98
+ '--l-placeholder'?: undefined;
306
99
  '--l-text'?: undefined;
307
- '--l-text-h'?: undefined;
308
- '--l-fill'?: undefined;
309
- '--l-fill-t'?: undefined;
310
- '--l-fill-h'?: undefined;
311
- '--l-on-fill'?: undefined;
312
- '--l-border'?: undefined;
313
- '--l-border-h'?: undefined;
314
- '--l-fill-t-h'?: undefined;
315
- '--l-fill-50'?: undefined;
316
- '--l-fill-75'?: undefined;
317
- } | {
318
- '--d-fill': string;
319
- '--l-fill': string;
320
- '--d-on-fill': string;
321
- '--l-on-fill': string;
322
- '--l-fill-h': string;
323
- '--d-fill-h': string;
324
- '--d-text'?: undefined;
325
- '--d-text-h'?: undefined;
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;
332
- '--l-text'?: undefined;
333
- '--l-text-h'?: undefined;
334
- '--l-fill-t'?: undefined;
335
- '--l-border'?: undefined;
336
- '--l-border-h'?: undefined;
337
- '--l-fill-t-h'?: undefined;
338
- '--l-fill-50'?: undefined;
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;
344
- } | {
345
- '--d-text': string;
346
- '--d-text-h': string;
347
- '--d-fill-t': string;
348
- '--l-text': string;
349
- '--l-text-h': string;
350
- '--l-fill-t': string;
351
- '--d-fill'?: undefined;
352
- '--d-fill-h'?: undefined;
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;
359
- '--l-fill'?: undefined;
360
- '--l-fill-h'?: undefined;
361
- '--l-on-fill'?: undefined;
362
- '--l-border'?: undefined;
363
- '--l-border-h'?: undefined;
364
- '--l-fill-t-h'?: undefined;
365
- '--l-fill-50'?: undefined;
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;
371
- } | {
372
- '--d-fill-t': string;
373
- '--d-fill-t-h': string;
374
- '--d-text': string;
375
- '--l-fill-t': string;
376
- '--l-fill-t-h': string;
377
- '--l-text': string;
378
- '--d-text-h'?: undefined;
379
- '--d-fill'?: undefined;
380
- '--d-fill-h'?: undefined;
381
- '--d-on-fill'?: undefined;
382
- '--d-border'?: undefined;
383
- '--d-border-h'?: undefined;
384
- '--d-fill-50'?: undefined;
385
- '--d-fill-75'?: undefined;
386
- '--l-text-h'?: undefined;
387
- '--l-fill'?: undefined;
388
- '--l-fill-h'?: undefined;
389
- '--l-on-fill'?: undefined;
390
- '--l-border'?: undefined;
391
- '--l-border-h'?: undefined;
392
- '--l-fill-50'?: undefined;
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;
398
- } | {
399
- '--d-text': string;
400
- '--d-fill-t': string;
401
- '--l-text': string;
402
- '--l-fill-t': string;
403
- '--d-text-h'?: undefined;
404
- '--d-fill'?: undefined;
405
- '--d-fill-h'?: undefined;
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;
412
- '--l-text-h'?: undefined;
413
- '--l-fill'?: undefined;
414
- '--l-fill-h'?: undefined;
415
- '--l-on-fill'?: undefined;
416
- '--l-border'?: undefined;
417
- '--l-border-h'?: undefined;
418
- '--l-fill-t-h'?: undefined;
419
- '--l-fill-50'?: undefined;
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;
425
- } | {
426
- '--d-text': string;
427
- '--l-text': string;
428
- '--d-text-h'?: undefined;
429
- '--d-fill'?: undefined;
430
- '--d-fill-t'?: undefined;
431
- '--d-fill-h'?: undefined;
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;
438
- '--l-text-h'?: undefined;
439
- '--l-fill'?: undefined;
440
- '--l-fill-t'?: undefined;
441
- '--l-fill-h'?: undefined;
442
- '--l-on-fill'?: undefined;
443
- '--l-border'?: undefined;
444
- '--l-border-h'?: undefined;
445
- '--l-fill-t-h'?: undefined;
446
- '--l-fill-50'?: undefined;
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;
452
- } | {
453
- '--d-text': string;
454
- '--l-text': string;
455
- '--d-fill': string;
456
- '--l-fill': string;
457
- '--d-on-fill': string;
458
- '--l-on-fill': string;
459
- '--d-text-h'?: undefined;
460
- '--d-fill-t'?: undefined;
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;
467
- '--l-text-h'?: undefined;
468
- '--l-fill-t'?: undefined;
469
- '--l-fill-h'?: undefined;
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;
486
- '--d-border'?: undefined;
487
- '--d-border-h'?: undefined;
488
- '--d-fill-t-h'?: undefined;
489
- '--d-fill-50'?: undefined;
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;
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;
506
- }>;
507
- export declare function useColorStyleWithKey(color: MaybeRef<string>, keys: any[]): globalThis.ComputedRef<any>;
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">;
100
+ };
101
+ export {};