veilkit 0.1.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 (57) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/README.md +768 -99
  3. package/assets/demo-button.gif +0 -0
  4. package/assets/demo-hero.gif +0 -0
  5. package/assets/demo-presets.gif +0 -0
  6. package/assets/demo-spinners.gif +0 -0
  7. package/dist/angular/index.cjs +280 -14
  8. package/dist/angular/index.cjs.map +1 -1
  9. package/dist/angular/index.d.cts +39 -4
  10. package/dist/angular/index.d.ts +39 -4
  11. package/dist/angular/index.js +280 -14
  12. package/dist/angular/index.js.map +1 -1
  13. package/dist/{controller-Co5bvnaB.d.ts → controller-Cmc3Hp1j.d.ts} +5 -3
  14. package/dist/{controller-5OzP0U8X.d.cts → controller-CzNTbEGd.d.cts} +5 -3
  15. package/dist/element/index.cjs +285 -20
  16. package/dist/element/index.cjs.map +1 -1
  17. package/dist/element/index.d.cts +7 -1
  18. package/dist/element/index.d.ts +7 -1
  19. package/dist/element/index.js +285 -20
  20. package/dist/element/index.js.map +1 -1
  21. package/dist/index.cjs +288 -14
  22. package/dist/index.cjs.map +1 -1
  23. package/dist/index.d.cts +36 -11
  24. package/dist/index.d.ts +36 -11
  25. package/dist/index.js +288 -14
  26. package/dist/index.js.map +1 -1
  27. package/dist/native/index.cjs +1 -1
  28. package/dist/native/index.cjs.map +1 -1
  29. package/dist/native/index.d.cts +10 -4
  30. package/dist/native/index.d.ts +10 -4
  31. package/dist/native/index.js +1 -1
  32. package/dist/native/index.js.map +1 -1
  33. package/dist/react/index.cjs +280 -14
  34. package/dist/react/index.cjs.map +1 -1
  35. package/dist/react/index.d.cts +38 -4
  36. package/dist/react/index.d.ts +38 -4
  37. package/dist/react/index.js +280 -14
  38. package/dist/react/index.js.map +1 -1
  39. package/dist/styles.css +133 -1
  40. package/dist/svelte/index.cjs +286 -20
  41. package/dist/svelte/index.cjs.map +1 -1
  42. package/dist/svelte/index.d.cts +9 -2
  43. package/dist/svelte/index.d.ts +9 -2
  44. package/dist/svelte/index.js +286 -20
  45. package/dist/svelte/index.js.map +1 -1
  46. package/dist/themes/index.d.cts +1 -1
  47. package/dist/themes/index.d.ts +1 -1
  48. package/dist/{types-Ciu5e5xt.d.cts → types-D2ryMkLU.d.cts} +45 -5
  49. package/dist/{types-Ciu5e5xt.d.ts → types-D2ryMkLU.d.ts} +45 -5
  50. package/dist/veilkit.min.js +288 -14
  51. package/dist/vue/index.cjs +270 -4
  52. package/dist/vue/index.cjs.map +1 -1
  53. package/dist/vue/index.d.cts +148 -2
  54. package/dist/vue/index.d.ts +148 -2
  55. package/dist/vue/index.js +270 -4
  56. package/dist/vue/index.js.map +1 -1
  57. package/package.json +41 -24
package/dist/vue/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as vue from 'vue';
2
2
  import { Directive, PropType, App } from 'vue';
3
- import { e as VeilSpinnerType, d as VeilPrimitiveType, a as VeilAnimationName, V as VeilThemeName, c as VeilGlobalConfig } from '../types-Ciu5e5xt.cjs';
3
+ import { B as ButtonStatus, e as ButtonLoadingStyle, f as VeilSpinnerType, j as ButtonPressFeedback, k as ButtonResultAnimation, i as VeilPrimitiveType, a as VeilAnimationName, V as VeilThemeName, h as VeilShapeStyle, g as VeilPresetName, d as VeilGlobalConfig } from '../types-D2ryMkLU.cjs';
4
4
 
5
5
  declare function useProgress(): {
6
6
  start: () => void;
@@ -67,6 +67,9 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
67
67
  type: PropType<VeilThemeName>;
68
68
  default: string;
69
69
  };
70
+ shape: {
71
+ type: PropType<VeilShapeStyle>;
72
+ };
70
73
  circle: {
71
74
  type: BooleanConstructor;
72
75
  default: boolean;
@@ -114,6 +117,9 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
114
117
  type: PropType<VeilThemeName>;
115
118
  default: string;
116
119
  };
120
+ shape: {
121
+ type: PropType<VeilShapeStyle>;
122
+ };
117
123
  circle: {
118
124
  type: BooleanConstructor;
119
125
  default: boolean;
@@ -132,6 +138,65 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
132
138
  theme: VeilThemeName;
133
139
  label: string;
134
140
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
141
+ declare const VSkeletonPreset: vue.DefineComponent<vue.ExtractPropTypes<{
142
+ name: {
143
+ type: PropType<VeilPresetName>;
144
+ required: true;
145
+ };
146
+ items: {
147
+ type: NumberConstructor;
148
+ };
149
+ columns: {
150
+ type: NumberConstructor;
151
+ };
152
+ shape: {
153
+ type: PropType<VeilShapeStyle>;
154
+ default: string;
155
+ };
156
+ animation: {
157
+ type: PropType<VeilAnimationName>;
158
+ default: string;
159
+ };
160
+ theme: {
161
+ type: PropType<VeilThemeName>;
162
+ default: string;
163
+ };
164
+ width: {
165
+ type: (StringConstructor | NumberConstructor)[];
166
+ };
167
+ }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
168
+ [key: string]: any;
169
+ }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
170
+ name: {
171
+ type: PropType<VeilPresetName>;
172
+ required: true;
173
+ };
174
+ items: {
175
+ type: NumberConstructor;
176
+ };
177
+ columns: {
178
+ type: NumberConstructor;
179
+ };
180
+ shape: {
181
+ type: PropType<VeilShapeStyle>;
182
+ default: string;
183
+ };
184
+ animation: {
185
+ type: PropType<VeilAnimationName>;
186
+ default: string;
187
+ };
188
+ theme: {
189
+ type: PropType<VeilThemeName>;
190
+ default: string;
191
+ };
192
+ width: {
193
+ type: (StringConstructor | NumberConstructor)[];
194
+ };
195
+ }>> & Readonly<{}>, {
196
+ animation: VeilAnimationName;
197
+ theme: VeilThemeName;
198
+ shape: VeilShapeStyle;
199
+ }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
135
200
  declare const VVeil: vue.DefineComponent<vue.ExtractPropTypes<{
136
201
  loading: {
137
202
  type: BooleanConstructor;
@@ -182,6 +247,16 @@ declare const VSpinner: vue.DefineComponent<vue.ExtractPropTypes<{
182
247
  color: {
183
248
  type: StringConstructor;
184
249
  };
250
+ secondaryColor: {
251
+ type: StringConstructor;
252
+ };
253
+ speed: {
254
+ type: (StringConstructor | NumberConstructor)[];
255
+ };
256
+ glass: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
185
260
  label: {
186
261
  type: StringConstructor;
187
262
  default: string;
@@ -200,11 +275,22 @@ declare const VSpinner: vue.DefineComponent<vue.ExtractPropTypes<{
200
275
  color: {
201
276
  type: StringConstructor;
202
277
  };
278
+ secondaryColor: {
279
+ type: StringConstructor;
280
+ };
281
+ speed: {
282
+ type: (StringConstructor | NumberConstructor)[];
283
+ };
284
+ glass: {
285
+ type: BooleanConstructor;
286
+ default: boolean;
287
+ };
203
288
  label: {
204
289
  type: StringConstructor;
205
290
  default: string;
206
291
  };
207
292
  }>> & Readonly<{}>, {
293
+ glass: boolean;
208
294
  type: VeilSpinnerType;
209
295
  label: string;
210
296
  size: string | number;
@@ -282,10 +368,17 @@ declare const VOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
282
368
  spinner: VeilSpinnerType;
283
369
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
284
370
  declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
371
+ status: {
372
+ type: PropType<ButtonStatus>;
373
+ };
285
374
  loading: {
286
375
  type: BooleanConstructor;
287
376
  default: boolean;
288
377
  };
378
+ styleType: {
379
+ type: PropType<ButtonLoadingStyle>;
380
+ default: string;
381
+ };
289
382
  spinner: {
290
383
  type: PropType<VeilSpinnerType>;
291
384
  default: string;
@@ -293,13 +386,41 @@ declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
293
386
  loadingText: {
294
387
  type: StringConstructor;
295
388
  };
389
+ successText: {
390
+ type: StringConstructor;
391
+ };
392
+ errorText: {
393
+ type: StringConstructor;
394
+ };
395
+ resetAfter: {
396
+ type: NumberConstructor;
397
+ default: number;
398
+ };
399
+ progress: {
400
+ type: NumberConstructor;
401
+ };
402
+ pressFeedback: {
403
+ type: PropType<ButtonPressFeedback>;
404
+ default: string;
405
+ };
406
+ resultAnimation: {
407
+ type: PropType<ButtonResultAnimation>;
408
+ default: string;
409
+ };
296
410
  }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
297
411
  [key: string]: any;
298
412
  }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
413
+ status: {
414
+ type: PropType<ButtonStatus>;
415
+ };
299
416
  loading: {
300
417
  type: BooleanConstructor;
301
418
  default: boolean;
302
419
  };
420
+ styleType: {
421
+ type: PropType<ButtonLoadingStyle>;
422
+ default: string;
423
+ };
303
424
  spinner: {
304
425
  type: PropType<VeilSpinnerType>;
305
426
  default: string;
@@ -307,9 +428,34 @@ declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
307
428
  loadingText: {
308
429
  type: StringConstructor;
309
430
  };
431
+ successText: {
432
+ type: StringConstructor;
433
+ };
434
+ errorText: {
435
+ type: StringConstructor;
436
+ };
437
+ resetAfter: {
438
+ type: NumberConstructor;
439
+ default: number;
440
+ };
441
+ progress: {
442
+ type: NumberConstructor;
443
+ };
444
+ pressFeedback: {
445
+ type: PropType<ButtonPressFeedback>;
446
+ default: string;
447
+ };
448
+ resultAnimation: {
449
+ type: PropType<ButtonResultAnimation>;
450
+ default: string;
451
+ };
310
452
  }>> & Readonly<{}>, {
311
453
  loading: boolean;
312
454
  spinner: VeilSpinnerType;
455
+ styleType: ButtonLoadingStyle;
456
+ resetAfter: number;
457
+ pressFeedback: ButtonPressFeedback;
458
+ resultAnimation: ButtonResultAnimation;
313
459
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
314
460
  declare const VLazyImage: vue.DefineComponent<vue.ExtractPropTypes<{
315
461
  src: {
@@ -363,4 +509,4 @@ declare const veilkitPlugin: {
363
509
  */
364
510
  declare function defineNuxtVeilkit(nuxtApp: any): void;
365
511
 
366
- export { VLazyImage, VLoadingButton, VOverlay, VProgressBar, VSkeleton, VSpinner, VVeil, veilkitPlugin as default, defineNuxtVeilkit, useDelayedLoading, useLoading, useProgress, vVeil, veilkitPlugin };
512
+ export { VLazyImage, VLoadingButton, VOverlay, VProgressBar, VSkeleton, VSkeletonPreset, VSpinner, VVeil, veilkitPlugin as default, defineNuxtVeilkit, useDelayedLoading, useLoading, useProgress, vVeil, veilkitPlugin };
package/dist/vue/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as vue from 'vue';
2
2
  import { Directive, PropType, App } from 'vue';
3
- import { e as VeilSpinnerType, d as VeilPrimitiveType, a as VeilAnimationName, V as VeilThemeName, c as VeilGlobalConfig } from '../types-Ciu5e5xt.js';
3
+ import { B as ButtonStatus, e as ButtonLoadingStyle, f as VeilSpinnerType, j as ButtonPressFeedback, k as ButtonResultAnimation, i as VeilPrimitiveType, a as VeilAnimationName, V as VeilThemeName, h as VeilShapeStyle, g as VeilPresetName, d as VeilGlobalConfig } from '../types-D2ryMkLU.js';
4
4
 
5
5
  declare function useProgress(): {
6
6
  start: () => void;
@@ -67,6 +67,9 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
67
67
  type: PropType<VeilThemeName>;
68
68
  default: string;
69
69
  };
70
+ shape: {
71
+ type: PropType<VeilShapeStyle>;
72
+ };
70
73
  circle: {
71
74
  type: BooleanConstructor;
72
75
  default: boolean;
@@ -114,6 +117,9 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
114
117
  type: PropType<VeilThemeName>;
115
118
  default: string;
116
119
  };
120
+ shape: {
121
+ type: PropType<VeilShapeStyle>;
122
+ };
117
123
  circle: {
118
124
  type: BooleanConstructor;
119
125
  default: boolean;
@@ -132,6 +138,65 @@ declare const VSkeleton: vue.DefineComponent<vue.ExtractPropTypes<{
132
138
  theme: VeilThemeName;
133
139
  label: string;
134
140
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
141
+ declare const VSkeletonPreset: vue.DefineComponent<vue.ExtractPropTypes<{
142
+ name: {
143
+ type: PropType<VeilPresetName>;
144
+ required: true;
145
+ };
146
+ items: {
147
+ type: NumberConstructor;
148
+ };
149
+ columns: {
150
+ type: NumberConstructor;
151
+ };
152
+ shape: {
153
+ type: PropType<VeilShapeStyle>;
154
+ default: string;
155
+ };
156
+ animation: {
157
+ type: PropType<VeilAnimationName>;
158
+ default: string;
159
+ };
160
+ theme: {
161
+ type: PropType<VeilThemeName>;
162
+ default: string;
163
+ };
164
+ width: {
165
+ type: (StringConstructor | NumberConstructor)[];
166
+ };
167
+ }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
168
+ [key: string]: any;
169
+ }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
170
+ name: {
171
+ type: PropType<VeilPresetName>;
172
+ required: true;
173
+ };
174
+ items: {
175
+ type: NumberConstructor;
176
+ };
177
+ columns: {
178
+ type: NumberConstructor;
179
+ };
180
+ shape: {
181
+ type: PropType<VeilShapeStyle>;
182
+ default: string;
183
+ };
184
+ animation: {
185
+ type: PropType<VeilAnimationName>;
186
+ default: string;
187
+ };
188
+ theme: {
189
+ type: PropType<VeilThemeName>;
190
+ default: string;
191
+ };
192
+ width: {
193
+ type: (StringConstructor | NumberConstructor)[];
194
+ };
195
+ }>> & Readonly<{}>, {
196
+ animation: VeilAnimationName;
197
+ theme: VeilThemeName;
198
+ shape: VeilShapeStyle;
199
+ }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
135
200
  declare const VVeil: vue.DefineComponent<vue.ExtractPropTypes<{
136
201
  loading: {
137
202
  type: BooleanConstructor;
@@ -182,6 +247,16 @@ declare const VSpinner: vue.DefineComponent<vue.ExtractPropTypes<{
182
247
  color: {
183
248
  type: StringConstructor;
184
249
  };
250
+ secondaryColor: {
251
+ type: StringConstructor;
252
+ };
253
+ speed: {
254
+ type: (StringConstructor | NumberConstructor)[];
255
+ };
256
+ glass: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
185
260
  label: {
186
261
  type: StringConstructor;
187
262
  default: string;
@@ -200,11 +275,22 @@ declare const VSpinner: vue.DefineComponent<vue.ExtractPropTypes<{
200
275
  color: {
201
276
  type: StringConstructor;
202
277
  };
278
+ secondaryColor: {
279
+ type: StringConstructor;
280
+ };
281
+ speed: {
282
+ type: (StringConstructor | NumberConstructor)[];
283
+ };
284
+ glass: {
285
+ type: BooleanConstructor;
286
+ default: boolean;
287
+ };
203
288
  label: {
204
289
  type: StringConstructor;
205
290
  default: string;
206
291
  };
207
292
  }>> & Readonly<{}>, {
293
+ glass: boolean;
208
294
  type: VeilSpinnerType;
209
295
  label: string;
210
296
  size: string | number;
@@ -282,10 +368,17 @@ declare const VOverlay: vue.DefineComponent<vue.ExtractPropTypes<{
282
368
  spinner: VeilSpinnerType;
283
369
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
284
370
  declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
371
+ status: {
372
+ type: PropType<ButtonStatus>;
373
+ };
285
374
  loading: {
286
375
  type: BooleanConstructor;
287
376
  default: boolean;
288
377
  };
378
+ styleType: {
379
+ type: PropType<ButtonLoadingStyle>;
380
+ default: string;
381
+ };
289
382
  spinner: {
290
383
  type: PropType<VeilSpinnerType>;
291
384
  default: string;
@@ -293,13 +386,41 @@ declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
293
386
  loadingText: {
294
387
  type: StringConstructor;
295
388
  };
389
+ successText: {
390
+ type: StringConstructor;
391
+ };
392
+ errorText: {
393
+ type: StringConstructor;
394
+ };
395
+ resetAfter: {
396
+ type: NumberConstructor;
397
+ default: number;
398
+ };
399
+ progress: {
400
+ type: NumberConstructor;
401
+ };
402
+ pressFeedback: {
403
+ type: PropType<ButtonPressFeedback>;
404
+ default: string;
405
+ };
406
+ resultAnimation: {
407
+ type: PropType<ButtonResultAnimation>;
408
+ default: string;
409
+ };
296
410
  }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
297
411
  [key: string]: any;
298
412
  }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
413
+ status: {
414
+ type: PropType<ButtonStatus>;
415
+ };
299
416
  loading: {
300
417
  type: BooleanConstructor;
301
418
  default: boolean;
302
419
  };
420
+ styleType: {
421
+ type: PropType<ButtonLoadingStyle>;
422
+ default: string;
423
+ };
303
424
  spinner: {
304
425
  type: PropType<VeilSpinnerType>;
305
426
  default: string;
@@ -307,9 +428,34 @@ declare const VLoadingButton: vue.DefineComponent<vue.ExtractPropTypes<{
307
428
  loadingText: {
308
429
  type: StringConstructor;
309
430
  };
431
+ successText: {
432
+ type: StringConstructor;
433
+ };
434
+ errorText: {
435
+ type: StringConstructor;
436
+ };
437
+ resetAfter: {
438
+ type: NumberConstructor;
439
+ default: number;
440
+ };
441
+ progress: {
442
+ type: NumberConstructor;
443
+ };
444
+ pressFeedback: {
445
+ type: PropType<ButtonPressFeedback>;
446
+ default: string;
447
+ };
448
+ resultAnimation: {
449
+ type: PropType<ButtonResultAnimation>;
450
+ default: string;
451
+ };
310
452
  }>> & Readonly<{}>, {
311
453
  loading: boolean;
312
454
  spinner: VeilSpinnerType;
455
+ styleType: ButtonLoadingStyle;
456
+ resetAfter: number;
457
+ pressFeedback: ButtonPressFeedback;
458
+ resultAnimation: ButtonResultAnimation;
313
459
  }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
314
460
  declare const VLazyImage: vue.DefineComponent<vue.ExtractPropTypes<{
315
461
  src: {
@@ -363,4 +509,4 @@ declare const veilkitPlugin: {
363
509
  */
364
510
  declare function defineNuxtVeilkit(nuxtApp: any): void;
365
511
 
366
- export { VLazyImage, VLoadingButton, VOverlay, VProgressBar, VSkeleton, VSpinner, VVeil, veilkitPlugin as default, defineNuxtVeilkit, useDelayedLoading, useLoading, useProgress, vVeil, veilkitPlugin };
512
+ export { VLazyImage, VLoadingButton, VOverlay, VProgressBar, VSkeleton, VSkeletonPreset, VSpinner, VVeil, veilkitPlugin as default, defineNuxtVeilkit, useDelayedLoading, useLoading, useProgress, vVeil, veilkitPlugin };