@noction/vue-bezier 2.0.0-beta.1 → 2.0.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 (42) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +137 -60
  3. package/dist/types/components/Blur/BlurTransition.vue.d.ts +23 -0
  4. package/dist/types/components/ClipPath/ClipPathTransition.vue.d.ts +17 -0
  5. package/dist/types/components/Dissolve/DissolveListTransition.vue.d.ts +14 -0
  6. package/dist/types/components/Dissolve/DissolveTransition.vue.d.ts +14 -0
  7. package/dist/types/components/FadeSlide/FadeSlideTransition.vue.d.ts +14 -0
  8. package/dist/types/components/Push/PushTransition.vue.d.ts +17 -0
  9. package/dist/types/components/Rotate/RotateTransition.vue.d.ts +14 -0
  10. package/dist/types/components/Scale/ScaleListTransition.vue.d.ts +14 -0
  11. package/dist/types/components/Scale/ScaleTransition.vue.d.ts +8 -30
  12. package/dist/types/components/Wipe/WipeTransition.vue.d.ts +14 -0
  13. package/dist/types/components/Zoom/ZoomTransition.vue.d.ts +14 -0
  14. package/dist/types/components/index.d.ts +10 -20
  15. package/dist/vue-bezier.css +2 -0
  16. package/dist/vue-bezier.js +529 -919
  17. package/dist/web-types.json +210 -442
  18. package/package.json +21 -23
  19. package/dist/style.css +0 -1
  20. package/dist/types/components/Collapse/CollapseTransition.vue.d.ts +0 -36
  21. package/dist/types/components/Fade/FadeTransition.vue.d.ts +0 -36
  22. package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts +0 -36
  23. package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts +0 -36
  24. package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts +0 -36
  25. package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts +0 -36
  26. package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts +0 -36
  27. package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts +0 -36
  28. package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts +0 -36
  29. package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts +0 -36
  30. package/dist/types/components/v2/Blur/BlurTransition.vue.d.ts +0 -34
  31. package/dist/types/components/v2/ClipPath/ClipPathTransition.vue.d.ts +0 -21
  32. package/dist/types/components/v2/Dissolve/DissolveListTransition.vue.d.ts +0 -17
  33. package/dist/types/components/v2/Dissolve/DissolveTransition.vue.d.ts +0 -17
  34. package/dist/types/components/v2/FadeSlide/FadeSlideTransition.vue.d.ts +0 -17
  35. package/dist/types/components/v2/Push/PushTransition.vue.d.ts +0 -21
  36. package/dist/types/components/v2/Rotate/RotateTransition.vue.d.ts +0 -17
  37. package/dist/types/components/v2/Scale/ScaleListTransition.vue.d.ts +0 -17
  38. package/dist/types/components/v2/Wipe/WipeTransition.vue.d.ts +0 -17
  39. package/dist/types/components/v2/Zoom/ZoomTransition.vue.d.ts +0 -17
  40. package/dist/types/composables/buildComponentType.d.ts +0 -4
  41. package/dist/types/composables/index.d.ts +0 -3
  42. package/dist/types/composables/useHooks.d.ts +0 -15
package/dist/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "@noction/vue-bezier",
4
- "version": "2.0.0-beta.1",
4
+ "version": "2.0.1",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  ],
36
36
  "source": {
37
- "module": "./src/components/v2/Blur/BlurTransition.vue",
37
+ "module": "./src/components/Blur/BlurTransition.vue",
38
38
  "symbol": "default"
39
39
  }
40
40
  },
@@ -47,265 +47,205 @@
47
47
  }
48
48
  ],
49
49
  "source": {
50
- "module": "./src/components/v2/ClipPath/ClipPathTransition.vue",
50
+ "module": "./src/components/ClipPath/ClipPathTransition.vue",
51
51
  "symbol": "default"
52
52
  }
53
53
  },
54
54
  {
55
- "name": "CollapseTransition",
55
+ "name": "DissolveListTransition",
56
56
  "description": "",
57
57
  "attributes": [
58
58
  {
59
59
  "name": "delay",
60
+ "required": false,
61
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
60
62
  "value": {
61
63
  "kind": "expression",
62
- "type": "any"
63
- },
64
- "default": "0"
64
+ "type": "NumberOrTimings"
65
+ }
65
66
  },
66
67
  {
67
68
  "name": "duration",
69
+ "required": false,
70
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
68
71
  "value": {
69
72
  "kind": "expression",
70
- "type": "any"
71
- },
72
- "default": "300"
73
+ "type": "NumberOrTimings"
74
+ }
73
75
  },
74
76
  {
75
77
  "name": "group",
78
+ "required": false,
79
+ "description": "Whether the component should be a `transition-group` component.",
76
80
  "value": {
77
81
  "kind": "expression",
78
- "type": "any"
79
- },
80
- "default": "false"
82
+ "type": "boolean"
83
+ }
81
84
  },
82
85
  {
83
86
  "name": "origin",
87
+ "required": false,
88
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
84
89
  "value": {
85
90
  "kind": "expression",
86
- "type": "any"
87
- },
88
- "default": "''"
91
+ "type": "string"
92
+ }
89
93
  },
90
94
  {
91
95
  "name": "styles",
96
+ "required": false,
97
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
92
98
  "value": {
93
99
  "kind": "expression",
94
- "type": "any"
95
- },
96
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
100
+ "type": "Styles"
101
+ }
97
102
  },
98
103
  {
99
104
  "name": "tag",
105
+ "required": false,
106
+ "description": "Transition tag, in case the component is a `transition-group`",
100
107
  "value": {
101
108
  "kind": "expression",
102
- "type": "any"
103
- },
104
- "default": "'span'"
105
- }
106
- ],
107
- "slots": [
108
- {
109
- "name": "default"
109
+ "type": "string"
110
+ }
110
111
  }
111
112
  ],
112
- "source": {
113
- "module": "./src/components/Collapse/CollapseTransition.vue",
114
- "symbol": "default"
115
- }
116
- },
117
- {
118
- "name": "DissolveListTransition",
119
- "description": "",
120
113
  "slots": [
121
114
  {
122
115
  "name": "default"
123
116
  }
124
117
  ],
125
118
  "source": {
126
- "module": "./src/components/v2/Dissolve/DissolveListTransition.vue",
119
+ "module": "./src/components/Dissolve/DissolveListTransition.vue",
127
120
  "symbol": "default"
128
121
  }
129
122
  },
130
123
  {
131
124
  "name": "DissolveTransition",
132
125
  "description": "",
133
- "slots": [
134
- {
135
- "name": "default"
136
- }
137
- ],
138
- "source": {
139
- "module": "./src/components/v2/Dissolve/DissolveTransition.vue",
140
- "symbol": "default"
141
- }
142
- },
143
- {
144
- "name": "FadeSlideTransition",
145
- "description": "",
146
- "slots": [
147
- {
148
- "name": "default"
149
- }
150
- ],
151
- "source": {
152
- "module": "./src/components/v2/FadeSlide/FadeSlideTransition.vue",
153
- "symbol": "default"
154
- }
155
- },
156
- {
157
- "name": "FadeTransition",
158
- "description": "",
159
126
  "attributes": [
160
127
  {
161
128
  "name": "delay",
129
+ "required": false,
130
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
162
131
  "value": {
163
132
  "kind": "expression",
164
- "type": "any"
165
- },
166
- "default": "0"
133
+ "type": "NumberOrTimings"
134
+ }
167
135
  },
168
136
  {
169
137
  "name": "duration",
138
+ "required": false,
139
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
170
140
  "value": {
171
141
  "kind": "expression",
172
- "type": "any"
173
- },
174
- "default": "300"
142
+ "type": "NumberOrTimings"
143
+ }
175
144
  },
176
145
  {
177
146
  "name": "group",
147
+ "required": false,
148
+ "description": "Whether the component should be a `transition-group` component.",
178
149
  "value": {
179
150
  "kind": "expression",
180
- "type": "any"
181
- },
182
- "default": "false"
151
+ "type": "boolean"
152
+ }
183
153
  },
184
154
  {
185
155
  "name": "origin",
156
+ "required": false,
157
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
186
158
  "value": {
187
159
  "kind": "expression",
188
- "type": "any"
189
- },
190
- "default": "''"
160
+ "type": "string"
161
+ }
191
162
  },
192
163
  {
193
164
  "name": "styles",
165
+ "required": false,
166
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
194
167
  "value": {
195
168
  "kind": "expression",
196
- "type": "any"
197
- },
198
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
169
+ "type": "Styles"
170
+ }
199
171
  },
200
172
  {
201
173
  "name": "tag",
174
+ "required": false,
175
+ "description": "Transition tag, in case the component is a `transition-group`",
202
176
  "value": {
203
177
  "kind": "expression",
204
- "type": "any"
205
- },
206
- "default": "'span'"
207
- }
208
- ],
209
- "slots": [
210
- {
211
- "name": "default"
212
- }
213
- ],
214
- "source": {
215
- "module": "./src/components/Fade/FadeTransition.vue",
216
- "symbol": "default"
217
- }
218
- },
219
- {
220
- "name": "PushTransition",
221
- "description": "",
222
- "slots": [
223
- {
224
- "name": "default"
225
- }
226
- ],
227
- "source": {
228
- "module": "./src/components/v2/Push/PushTransition.vue",
229
- "symbol": "default"
230
- }
231
- },
232
- {
233
- "name": "RotateTransition",
234
- "description": "",
235
- "slots": [
236
- {
237
- "name": "default"
178
+ "type": "string"
179
+ }
238
180
  }
239
181
  ],
240
- "source": {
241
- "module": "./src/components/v2/Rotate/RotateTransition.vue",
242
- "symbol": "default"
243
- }
244
- },
245
- {
246
- "name": "ScaleListTransition",
247
- "description": "",
248
182
  "slots": [
249
183
  {
250
184
  "name": "default"
251
185
  }
252
186
  ],
253
187
  "source": {
254
- "module": "./src/components/v2/Scale/ScaleListTransition.vue",
188
+ "module": "./src/components/Dissolve/DissolveTransition.vue",
255
189
  "symbol": "default"
256
190
  }
257
191
  },
258
192
  {
259
- "name": "ScaleTransition",
193
+ "name": "FadeSlideTransition",
260
194
  "description": "",
261
195
  "attributes": [
262
196
  {
263
197
  "name": "delay",
198
+ "required": false,
199
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
264
200
  "value": {
265
201
  "kind": "expression",
266
- "type": "any"
267
- },
268
- "default": "0"
202
+ "type": "NumberOrTimings"
203
+ }
269
204
  },
270
205
  {
271
206
  "name": "duration",
207
+ "required": false,
208
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
272
209
  "value": {
273
210
  "kind": "expression",
274
- "type": "any"
275
- },
276
- "default": "300"
211
+ "type": "NumberOrTimings"
212
+ }
277
213
  },
278
214
  {
279
215
  "name": "group",
216
+ "required": false,
217
+ "description": "Whether the component should be a `transition-group` component.",
280
218
  "value": {
281
219
  "kind": "expression",
282
- "type": "any"
283
- },
284
- "default": "false"
220
+ "type": "boolean"
221
+ }
285
222
  },
286
223
  {
287
224
  "name": "origin",
225
+ "required": false,
226
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
288
227
  "value": {
289
228
  "kind": "expression",
290
- "type": "any"
291
- },
292
- "default": "'top left'"
229
+ "type": "string"
230
+ }
293
231
  },
294
232
  {
295
233
  "name": "styles",
234
+ "required": false,
235
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
296
236
  "value": {
297
237
  "kind": "expression",
298
- "type": "any"
299
- },
300
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
238
+ "type": "Styles"
239
+ }
301
240
  },
302
241
  {
303
242
  "name": "tag",
243
+ "required": false,
244
+ "description": "Transition tag, in case the component is a `transition-group`",
304
245
  "value": {
305
246
  "kind": "expression",
306
- "type": "any"
307
- },
308
- "default": "'span'"
247
+ "type": "string"
248
+ }
309
249
  }
310
250
  ],
311
251
  "slots": [
@@ -314,124 +254,80 @@
314
254
  }
315
255
  ],
316
256
  "source": {
317
- "module": "./src/components/Scale/ScaleTransition.vue",
257
+ "module": "./src/components/FadeSlide/FadeSlideTransition.vue",
318
258
  "symbol": "default"
319
259
  }
320
260
  },
321
261
  {
322
- "name": "SlideXLeftTransition",
262
+ "name": "PushTransition",
323
263
  "description": "",
324
- "attributes": [
325
- {
326
- "name": "delay",
327
- "value": {
328
- "kind": "expression",
329
- "type": "any"
330
- },
331
- "default": "0"
332
- },
333
- {
334
- "name": "duration",
335
- "value": {
336
- "kind": "expression",
337
- "type": "any"
338
- },
339
- "default": "300"
340
- },
341
- {
342
- "name": "group",
343
- "value": {
344
- "kind": "expression",
345
- "type": "any"
346
- },
347
- "default": "false"
348
- },
349
- {
350
- "name": "origin",
351
- "value": {
352
- "kind": "expression",
353
- "type": "any"
354
- },
355
- "default": "''"
356
- },
357
- {
358
- "name": "styles",
359
- "value": {
360
- "kind": "expression",
361
- "type": "any"
362
- },
363
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
364
- },
365
- {
366
- "name": "tag",
367
- "value": {
368
- "kind": "expression",
369
- "type": "any"
370
- },
371
- "default": "'span'"
372
- }
373
- ],
374
264
  "slots": [
375
265
  {
376
266
  "name": "default"
377
267
  }
378
268
  ],
379
269
  "source": {
380
- "module": "./src/components/Slide/SlideXLeftTransition.vue",
270
+ "module": "./src/components/Push/PushTransition.vue",
381
271
  "symbol": "default"
382
272
  }
383
273
  },
384
274
  {
385
- "name": "SlideXRightTransition",
275
+ "name": "RotateTransition",
386
276
  "description": "",
387
277
  "attributes": [
388
278
  {
389
279
  "name": "delay",
280
+ "required": false,
281
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
390
282
  "value": {
391
283
  "kind": "expression",
392
- "type": "any"
393
- },
394
- "default": "0"
284
+ "type": "NumberOrTimings"
285
+ }
395
286
  },
396
287
  {
397
288
  "name": "duration",
289
+ "required": false,
290
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
398
291
  "value": {
399
292
  "kind": "expression",
400
- "type": "any"
401
- },
402
- "default": "300"
293
+ "type": "NumberOrTimings"
294
+ }
403
295
  },
404
296
  {
405
297
  "name": "group",
298
+ "required": false,
299
+ "description": "Whether the component should be a `transition-group` component.",
406
300
  "value": {
407
301
  "kind": "expression",
408
- "type": "any"
409
- },
410
- "default": "false"
302
+ "type": "boolean"
303
+ }
411
304
  },
412
305
  {
413
306
  "name": "origin",
307
+ "required": false,
308
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
414
309
  "value": {
415
310
  "kind": "expression",
416
- "type": "any"
417
- },
418
- "default": "''"
311
+ "type": "string"
312
+ }
419
313
  },
420
314
  {
421
315
  "name": "styles",
316
+ "required": false,
317
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
422
318
  "value": {
423
319
  "kind": "expression",
424
- "type": "any"
425
- },
426
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
320
+ "type": "Styles"
321
+ }
427
322
  },
428
323
  {
429
324
  "name": "tag",
325
+ "required": false,
326
+ "description": "Transition tag, in case the component is a `transition-group`",
430
327
  "value": {
431
328
  "kind": "expression",
432
- "type": "any"
433
- },
434
- "default": "'span'"
329
+ "type": "string"
330
+ }
435
331
  }
436
332
  ],
437
333
  "slots": [
@@ -440,61 +336,67 @@
440
336
  }
441
337
  ],
442
338
  "source": {
443
- "module": "./src/components/Slide/SlideXRightTransition.vue",
339
+ "module": "./src/components/Rotate/RotateTransition.vue",
444
340
  "symbol": "default"
445
341
  }
446
342
  },
447
343
  {
448
- "name": "SlideYDownTransition",
344
+ "name": "ScaleListTransition",
449
345
  "description": "",
450
346
  "attributes": [
451
347
  {
452
348
  "name": "delay",
349
+ "required": false,
350
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
453
351
  "value": {
454
352
  "kind": "expression",
455
- "type": "any"
456
- },
457
- "default": "0"
353
+ "type": "NumberOrTimings"
354
+ }
458
355
  },
459
356
  {
460
357
  "name": "duration",
358
+ "required": false,
359
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
461
360
  "value": {
462
361
  "kind": "expression",
463
- "type": "any"
464
- },
465
- "default": "300"
362
+ "type": "NumberOrTimings"
363
+ }
466
364
  },
467
365
  {
468
366
  "name": "group",
367
+ "required": false,
368
+ "description": "Whether the component should be a `transition-group` component.",
469
369
  "value": {
470
370
  "kind": "expression",
471
- "type": "any"
472
- },
473
- "default": "false"
371
+ "type": "boolean"
372
+ }
474
373
  },
475
374
  {
476
375
  "name": "origin",
376
+ "required": false,
377
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
477
378
  "value": {
478
379
  "kind": "expression",
479
- "type": "any"
480
- },
481
- "default": "''"
380
+ "type": "string"
381
+ }
482
382
  },
483
383
  {
484
384
  "name": "styles",
385
+ "required": false,
386
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
485
387
  "value": {
486
388
  "kind": "expression",
487
- "type": "any"
488
- },
489
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
389
+ "type": "Styles"
390
+ }
490
391
  },
491
392
  {
492
393
  "name": "tag",
394
+ "required": false,
395
+ "description": "Transition tag, in case the component is a `transition-group`",
493
396
  "value": {
494
397
  "kind": "expression",
495
- "type": "any"
496
- },
497
- "default": "'span'"
398
+ "type": "string"
399
+ }
498
400
  }
499
401
  ],
500
402
  "slots": [
@@ -503,61 +405,67 @@
503
405
  }
504
406
  ],
505
407
  "source": {
506
- "module": "./src/components/Slide/SlideYDownTransition.vue",
408
+ "module": "./src/components/Scale/ScaleListTransition.vue",
507
409
  "symbol": "default"
508
410
  }
509
411
  },
510
412
  {
511
- "name": "SlideYUpTransition",
413
+ "name": "ScaleTransition",
512
414
  "description": "",
513
415
  "attributes": [
514
416
  {
515
417
  "name": "delay",
418
+ "required": false,
419
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
516
420
  "value": {
517
421
  "kind": "expression",
518
- "type": "any"
519
- },
520
- "default": "0"
422
+ "type": "NumberOrTimings"
423
+ }
521
424
  },
522
425
  {
523
426
  "name": "duration",
427
+ "required": false,
428
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
524
429
  "value": {
525
430
  "kind": "expression",
526
- "type": "any"
527
- },
528
- "default": "300"
431
+ "type": "NumberOrTimings"
432
+ }
529
433
  },
530
434
  {
531
435
  "name": "group",
436
+ "required": false,
437
+ "description": "Whether the component should be a `transition-group` component.",
532
438
  "value": {
533
439
  "kind": "expression",
534
- "type": "any"
535
- },
536
- "default": "false"
440
+ "type": "boolean"
441
+ }
537
442
  },
538
443
  {
539
444
  "name": "origin",
445
+ "required": false,
446
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
540
447
  "value": {
541
448
  "kind": "expression",
542
- "type": "any"
543
- },
544
- "default": "''"
449
+ "type": "string"
450
+ }
545
451
  },
546
452
  {
547
453
  "name": "styles",
454
+ "required": false,
455
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
548
456
  "value": {
549
457
  "kind": "expression",
550
- "type": "any"
551
- },
552
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
458
+ "type": "Styles"
459
+ }
553
460
  },
554
461
  {
555
462
  "name": "tag",
463
+ "required": false,
464
+ "description": "Transition tag, in case the component is a `transition-group`",
556
465
  "value": {
557
466
  "kind": "expression",
558
- "type": "any"
559
- },
560
- "default": "'span'"
467
+ "type": "string"
468
+ }
561
469
  }
562
470
  ],
563
471
  "slots": [
@@ -566,74 +474,67 @@
566
474
  }
567
475
  ],
568
476
  "source": {
569
- "module": "./src/components/Slide/SlideYUpTransition.vue",
477
+ "module": "./src/components/Scale/ScaleTransition.vue",
570
478
  "symbol": "default"
571
479
  }
572
480
  },
573
481
  {
574
482
  "name": "WipeTransition",
575
483
  "description": "",
576
- "slots": [
577
- {
578
- "name": "default"
579
- }
580
- ],
581
- "source": {
582
- "module": "./src/components/v2/Wipe/WipeTransition.vue",
583
- "symbol": "default"
584
- }
585
- },
586
- {
587
- "name": "ZoomCenterTransition",
588
- "description": "",
589
484
  "attributes": [
590
485
  {
591
486
  "name": "delay",
487
+ "required": false,
488
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
592
489
  "value": {
593
490
  "kind": "expression",
594
- "type": "any"
595
- },
596
- "default": "0"
491
+ "type": "NumberOrTimings"
492
+ }
597
493
  },
598
494
  {
599
495
  "name": "duration",
496
+ "required": false,
497
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
600
498
  "value": {
601
499
  "kind": "expression",
602
- "type": "any"
603
- },
604
- "default": "300"
500
+ "type": "NumberOrTimings"
501
+ }
605
502
  },
606
503
  {
607
504
  "name": "group",
505
+ "required": false,
506
+ "description": "Whether the component should be a `transition-group` component.",
608
507
  "value": {
609
508
  "kind": "expression",
610
- "type": "any"
611
- },
612
- "default": "false"
509
+ "type": "boolean"
510
+ }
613
511
  },
614
512
  {
615
513
  "name": "origin",
514
+ "required": false,
515
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
616
516
  "value": {
617
517
  "kind": "expression",
618
- "type": "any"
619
- },
620
- "default": "''"
518
+ "type": "string"
519
+ }
621
520
  },
622
521
  {
623
522
  "name": "styles",
523
+ "required": false,
524
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
624
525
  "value": {
625
526
  "kind": "expression",
626
- "type": "any"
627
- },
628
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
527
+ "type": "Styles"
528
+ }
629
529
  },
630
530
  {
631
531
  "name": "tag",
532
+ "required": false,
533
+ "description": "Transition tag, in case the component is a `transition-group`",
632
534
  "value": {
633
535
  "kind": "expression",
634
- "type": "any"
635
- },
636
- "default": "'span'"
536
+ "type": "string"
537
+ }
637
538
  }
638
539
  ],
639
540
  "slots": [
@@ -642,200 +543,67 @@
642
543
  }
643
544
  ],
644
545
  "source": {
645
- "module": "./src/components/Zoom/ZoomCenterTransition.vue",
546
+ "module": "./src/components/Wipe/WipeTransition.vue",
646
547
  "symbol": "default"
647
548
  }
648
549
  },
649
550
  {
650
551
  "name": "ZoomTransition",
651
552
  "description": "",
652
- "slots": [
653
- {
654
- "name": "default"
655
- }
656
- ],
657
- "source": {
658
- "module": "./src/components/v2/Zoom/ZoomTransition.vue",
659
- "symbol": "default"
660
- }
661
- },
662
- {
663
- "name": "ZoomUpTransition",
664
- "description": "",
665
- "attributes": [
666
- {
667
- "name": "delay",
668
- "value": {
669
- "kind": "expression",
670
- "type": "any"
671
- },
672
- "default": "0"
673
- },
674
- {
675
- "name": "duration",
676
- "value": {
677
- "kind": "expression",
678
- "type": "any"
679
- },
680
- "default": "300"
681
- },
682
- {
683
- "name": "group",
684
- "value": {
685
- "kind": "expression",
686
- "type": "any"
687
- },
688
- "default": "false"
689
- },
690
- {
691
- "name": "origin",
692
- "value": {
693
- "kind": "expression",
694
- "type": "any"
695
- },
696
- "default": "''"
697
- },
698
- {
699
- "name": "styles",
700
- "value": {
701
- "kind": "expression",
702
- "type": "any"
703
- },
704
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
705
- },
706
- {
707
- "name": "tag",
708
- "value": {
709
- "kind": "expression",
710
- "type": "any"
711
- },
712
- "default": "'span'"
713
- }
714
- ],
715
- "slots": [
716
- {
717
- "name": "default"
718
- }
719
- ],
720
- "source": {
721
- "module": "./src/components/Zoom/ZoomUpTransition.vue",
722
- "symbol": "default"
723
- }
724
- },
725
- {
726
- "name": "ZoomXTransition",
727
- "description": "",
728
- "attributes": [
729
- {
730
- "name": "delay",
731
- "value": {
732
- "kind": "expression",
733
- "type": "any"
734
- },
735
- "default": "0"
736
- },
737
- {
738
- "name": "duration",
739
- "value": {
740
- "kind": "expression",
741
- "type": "any"
742
- },
743
- "default": "300"
744
- },
745
- {
746
- "name": "group",
747
- "value": {
748
- "kind": "expression",
749
- "type": "any"
750
- },
751
- "default": "false"
752
- },
753
- {
754
- "name": "origin",
755
- "value": {
756
- "kind": "expression",
757
- "type": "any"
758
- },
759
- "default": "''"
760
- },
761
- {
762
- "name": "styles",
763
- "value": {
764
- "kind": "expression",
765
- "type": "any"
766
- },
767
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
768
- },
769
- {
770
- "name": "tag",
771
- "value": {
772
- "kind": "expression",
773
- "type": "any"
774
- },
775
- "default": "'span'"
776
- }
777
- ],
778
- "slots": [
779
- {
780
- "name": "default"
781
- }
782
- ],
783
- "source": {
784
- "module": "./src/components/Zoom/ZoomXTransition.vue",
785
- "symbol": "default"
786
- }
787
- },
788
- {
789
- "name": "ZoomYTransition",
790
- "description": "",
791
553
  "attributes": [
792
554
  {
793
555
  "name": "delay",
556
+ "required": false,
557
+ "description": "Transition delay. Number for specifying the same delay for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
794
558
  "value": {
795
559
  "kind": "expression",
796
- "type": "any"
797
- },
798
- "default": "0"
560
+ "type": "NumberOrTimings"
561
+ }
799
562
  },
800
563
  {
801
564
  "name": "duration",
565
+ "required": false,
566
+ "description": "Transition duration. Number for specifying the same duration for enter/leave transitions\nObject style {enter: 300, leave: 300} for specifying explicit durations for enter/leave",
802
567
  "value": {
803
568
  "kind": "expression",
804
- "type": "any"
805
- },
806
- "default": "300"
569
+ "type": "NumberOrTimings"
570
+ }
807
571
  },
808
572
  {
809
573
  "name": "group",
574
+ "required": false,
575
+ "description": "Whether the component should be a `transition-group` component.",
810
576
  "value": {
811
577
  "kind": "expression",
812
- "type": "any"
813
- },
814
- "default": "false"
578
+ "type": "boolean"
579
+ }
815
580
  },
816
581
  {
817
582
  "name": "origin",
583
+ "required": false,
584
+ "description": "Transform origin property https://tympanus.net/codrops/css_reference/transform-origin/.\nCan be specified with styles as well, but it's shorter with this prop",
818
585
  "value": {
819
586
  "kind": "expression",
820
- "type": "any"
821
- },
822
- "default": "''"
587
+ "type": "string"
588
+ }
823
589
  },
824
590
  {
825
591
  "name": "styles",
592
+ "required": false,
593
+ "description": "Element styles that are applied during transition. These styles are applied on @beforeEnter and @beforeLeave hooks",
826
594
  "value": {
827
595
  "kind": "expression",
828
- "type": "any"
829
- },
830
- "default": "() => ({\n animationFillMode: 'both',\n animationTimingFunction: 'ease-out',\n})"
596
+ "type": "Styles"
597
+ }
831
598
  },
832
599
  {
833
600
  "name": "tag",
601
+ "required": false,
602
+ "description": "Transition tag, in case the component is a `transition-group`",
834
603
  "value": {
835
604
  "kind": "expression",
836
- "type": "any"
837
- },
838
- "default": "'span'"
605
+ "type": "string"
606
+ }
839
607
  }
840
608
  ],
841
609
  "slots": [
@@ -844,7 +612,7 @@
844
612
  }
845
613
  ],
846
614
  "source": {
847
- "module": "./src/components/Zoom/ZoomYTransition.vue",
615
+ "module": "./src/components/Zoom/ZoomTransition.vue",
848
616
  "symbol": "default"
849
617
  }
850
618
  }