framer-motion 5.1.0 → 5.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.
- package/CHANGELOG.md +1953 -0
- package/dist/es/motion/features/definitions.mjs +6 -0
- package/dist/es/motion/features/gestures.mjs +2 -0
- package/dist/es/motion/features/viewport/observers.mjs +52 -0
- package/dist/es/motion/features/viewport/use-viewport.mjs +97 -0
- package/dist/es/motion/utils/valid-prop.mjs +4 -0
- package/dist/es/projection/node/create-projection-node.mjs +1 -1
- package/dist/es/render/dom/utils/unit-conversion.mjs +8 -1
- package/dist/es/render/utils/animation-state.mjs +2 -0
- package/dist/es/render/utils/types.mjs +1 -0
- package/dist/es/utils/warn-once.mjs +11 -0
- package/dist/framer-motion.cjs.js +173 -2
- package/dist/framer-motion.dev.js +226 -14
- package/dist/framer-motion.js +1 -1
- package/dist/projection.dev.js +63 -13
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-m.js +1 -1
- package/package.json +158 -158
- package/types/motion/features/types.d.ts +2 -0
- package/types/motion/features/viewport/observers.d.ts +3 -0
- package/types/motion/features/viewport/types.d.ts +20 -0
- package/types/motion/features/viewport/use-viewport.d.ts +2 -0
- package/types/motion/types.d.ts +2 -1
- package/types/render/utils/types.d.ts +1 -0
- package/types/utils/warn-once.d.ts +2 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,1953 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
Framer Motion adheres to [Semantic Versioning](http://semver.org/).
|
|
4
|
+
|
|
5
|
+
## [5.3.0] Unreleased
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- `whileInView`, `onViewportEnter` and `onViewportLeave` props.
|
|
10
|
+
|
|
11
|
+
## [5.2.1] 2021-11-05
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixing unit conversion for `x` and `y` styles. [Issue](https://github.com/framer/motion/issues/1336)
|
|
16
|
+
|
|
17
|
+
## [5.2.0] 2021-11-04
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
|
|
21
|
+
- Enable animation between hsla and rgba/hex.
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
|
|
25
|
+
- Fixing HSLA color interpolation. [Issue](https://github.com/framer/motion/issues/1324)
|
|
26
|
+
|
|
27
|
+
## [5.1.0] 2021-11-02
|
|
28
|
+
|
|
29
|
+
### Added
|
|
30
|
+
|
|
31
|
+
- Adding path drawing support for `circle`, `ellipse`, `line`, `path`, `polygon`, `polyline` and `rect` components.
|
|
32
|
+
- Add SSR support for `pathLength`.
|
|
33
|
+
|
|
34
|
+
### Fixed
|
|
35
|
+
|
|
36
|
+
- Fixed SSR for `pathLength`.
|
|
37
|
+
- Downgrading `whileFocus` to lowest gesture priority. [Issue](https://github.com/framer/motion/issues/1221)
|
|
38
|
+
- Fixed path length for elements with `vectorEffect="non-scaling-stroke"` [Issue](https://github.com/framer/motion/issues/521)
|
|
39
|
+
- Stripping `dragSnapToOrigin` from DOM output. [PR by @Evalon](https://github.com/framer/motion/pull/1326)
|
|
40
|
+
|
|
41
|
+
## [5.0.2] 2021-11-02
|
|
42
|
+
|
|
43
|
+
### Fixed
|
|
44
|
+
|
|
45
|
+
- Convert x/y from percent to pixels before drag. [Issue](https://github.com/framer/motion/issues/424)
|
|
46
|
+
- Dynamic functions passed to `controls.start()` can now return variant names. [Issue](https://github.com/framer/motion/issues/503)
|
|
47
|
+
- Factors in padding when measuring elements for `width`/`height` unit conversion. [Issue](https://github.com/framer/motion/issues/368)
|
|
48
|
+
|
|
49
|
+
## [5.0.1] 2021-11-01
|
|
50
|
+
|
|
51
|
+
### Added
|
|
52
|
+
|
|
53
|
+
- `onAnimationStart` is now called with the definition of the triggering animation.
|
|
54
|
+
|
|
55
|
+
### Fixed
|
|
56
|
+
|
|
57
|
+
- Removing context memoisation to ensure removed values are correctly animated to.
|
|
58
|
+
- Adding unmount check to `AnimatePresence` before updating state. [PR by @ctrlplusb](https://github.com/framer/motion/pull/796)
|
|
59
|
+
- Fixing types for multi-input `useTransform`. [PR by @kena0ki](https://github.com/framer/motion/pull/843)
|
|
60
|
+
- Fixing `staggerChildren` for value-specific transitions. [Issue](https://github.com/framer/motion/issues/1081)
|
|
61
|
+
- Fixes animation between `0` and non-number/pixel keyframe array. [Issue](https://github.com/framer/motion/issues/1308)
|
|
62
|
+
|
|
63
|
+
## [5.0.0] 2021-10-27
|
|
64
|
+
|
|
65
|
+
### Added
|
|
66
|
+
|
|
67
|
+
- `Reorder` components to create drag-to-reorder interfaces.
|
|
68
|
+
- `LayoutGroup` allows namespacing `layoutId` and group elements that may affect each-other's layout on re-render.
|
|
69
|
+
- `layoutDependency` prop to restrict when components are measured.
|
|
70
|
+
- `layoutScroll` prop to hint to layout animations when a element is scrollable.
|
|
71
|
+
- Layout animations are auto-completed when the viewport resizes.
|
|
72
|
+
- `layout="size"` for size-only animations [PR by @bhollis](https://github.com/framer/motion/pull/1154).
|
|
73
|
+
|
|
74
|
+
### Fixed
|
|
75
|
+
|
|
76
|
+
- Various layout projection improvements.
|
|
77
|
+
|
|
78
|
+
### Changed
|
|
79
|
+
|
|
80
|
+
- `AnimateSharedLayout` is deprecated.
|
|
81
|
+
|
|
82
|
+
## [4.1.17] 2021-05-17
|
|
83
|
+
|
|
84
|
+
### Fixed
|
|
85
|
+
|
|
86
|
+
- Fixing SVG `gradientTransform`.
|
|
87
|
+
- Removing hover event suspension during layout measurements.
|
|
88
|
+
|
|
89
|
+
## [4.1.16] 2021-05-12
|
|
90
|
+
|
|
91
|
+
### Fixed
|
|
92
|
+
|
|
93
|
+
- Use with changing external refs.
|
|
94
|
+
|
|
95
|
+
## [4.1.15] 2021-05-11
|
|
96
|
+
|
|
97
|
+
### Fixed
|
|
98
|
+
|
|
99
|
+
- Correctly firing `onAnimationComplete` when a spring animation defined by `bounce` and no `duration` is completed.
|
|
100
|
+
|
|
101
|
+
## [4.1.14] 2021-05-11
|
|
102
|
+
|
|
103
|
+
### Fixed
|
|
104
|
+
|
|
105
|
+
- Narrowing the edge cases within which drag could lock the projection viewport box.
|
|
106
|
+
- Comparing prev scale to correct axis.
|
|
107
|
+
|
|
108
|
+
## [4.1.13] 2021-05-07
|
|
109
|
+
|
|
110
|
+
### Fixed
|
|
111
|
+
|
|
112
|
+
- Call function ref if it changes between renders.
|
|
113
|
+
|
|
114
|
+
## [4.1.12] 2021-05-07
|
|
115
|
+
|
|
116
|
+
### Fixed
|
|
117
|
+
|
|
118
|
+
- Layout measurements for drag gesture don't happen until the gesture is confirmed to start.
|
|
119
|
+
- Prevent occasional flash when projection hasn't yet been hydrated.
|
|
120
|
+
- Unifying layout batcher between drag and layout animations.
|
|
121
|
+
- Suspending hover events globally during layout measurements.
|
|
122
|
+
|
|
123
|
+
## [4.1.11] 2021-04-28
|
|
124
|
+
|
|
125
|
+
### Fixed
|
|
126
|
+
|
|
127
|
+
- Layout projection fix.
|
|
128
|
+
|
|
129
|
+
## [4.1.10] 2021-04-26
|
|
130
|
+
|
|
131
|
+
### Fixed
|
|
132
|
+
|
|
133
|
+
- Allow a component to have `transform` reset before measuring child layout.
|
|
134
|
+
|
|
135
|
+
## [4.1.9] 2021-04-23
|
|
136
|
+
|
|
137
|
+
### Fixed
|
|
138
|
+
|
|
139
|
+
- Further nested drag improvements for external motion values.
|
|
140
|
+
|
|
141
|
+
## [4.1.8] 2021-04-22
|
|
142
|
+
|
|
143
|
+
### Fixed
|
|
144
|
+
|
|
145
|
+
- Nested drag improvements for external motion values.
|
|
146
|
+
|
|
147
|
+
## [4.1.7] 2021-04-21
|
|
148
|
+
|
|
149
|
+
### Fixed
|
|
150
|
+
|
|
151
|
+
- Nested drag improvements.
|
|
152
|
+
|
|
153
|
+
## [4.1.6] 2021-04-20
|
|
154
|
+
|
|
155
|
+
### Fixed
|
|
156
|
+
|
|
157
|
+
- Nested drag improvements.
|
|
158
|
+
|
|
159
|
+
## [4.1.5] 2021-04-19
|
|
160
|
+
|
|
161
|
+
### Fixed
|
|
162
|
+
|
|
163
|
+
- Layout projection improvements.
|
|
164
|
+
|
|
165
|
+
## [4.1.4] 2021-04-19
|
|
166
|
+
|
|
167
|
+
### Fixed
|
|
168
|
+
|
|
169
|
+
- Disabling hover events when a drag is active.
|
|
170
|
+
|
|
171
|
+
## [4.1.3] 2021-04-07
|
|
172
|
+
|
|
173
|
+
### Fixed
|
|
174
|
+
|
|
175
|
+
- Animating to/between `0rem` and other non-specifically handled unit types.
|
|
176
|
+
|
|
177
|
+
## [4.1.2] 2021-04-01
|
|
178
|
+
|
|
179
|
+
### Fixed
|
|
180
|
+
|
|
181
|
+
- Clamping `borderRadius` to `0` and above during crossfade.
|
|
182
|
+
|
|
183
|
+
## [4.1.1] 2021-04-01
|
|
184
|
+
|
|
185
|
+
### Fixed
|
|
186
|
+
|
|
187
|
+
- Animating from `undefined` to number (including units) now animates from `0`.
|
|
188
|
+
|
|
189
|
+
## [4.1.0] 2021-03-31
|
|
190
|
+
|
|
191
|
+
### Added
|
|
192
|
+
|
|
193
|
+
- Relative layout animations
|
|
194
|
+
- Adding `transition.crossfade` and `transition.layout` for crossfade and layout-specific transitions.
|
|
195
|
+
|
|
196
|
+
### Fixed
|
|
197
|
+
|
|
198
|
+
- Various layout projection improvements.
|
|
199
|
+
|
|
200
|
+
## [4.0.3] 2021-03-24
|
|
201
|
+
|
|
202
|
+
### Fixed
|
|
203
|
+
|
|
204
|
+
- Replaced layout animation tree traversal with flat array traversal of **just** projecting elements.
|
|
205
|
+
|
|
206
|
+
## [4.0.2] 2021-03-19
|
|
207
|
+
|
|
208
|
+
### Fixed
|
|
209
|
+
|
|
210
|
+
- Various layout animation bugfixes.
|
|
211
|
+
|
|
212
|
+
### Upgraded
|
|
213
|
+
|
|
214
|
+
- Upgraded `popmotion`, `framesync`, `style-value-types` and `tslib` to `latest`.
|
|
215
|
+
|
|
216
|
+
## [4.0.1] 2021-03-23
|
|
217
|
+
|
|
218
|
+
### Fixed
|
|
219
|
+
|
|
220
|
+
- Adding `package.json` to `exports` so it can be imported by Node.
|
|
221
|
+
|
|
222
|
+
## [4.0.0] 2021-03-18
|
|
223
|
+
|
|
224
|
+
### Added
|
|
225
|
+
|
|
226
|
+
- Added the new `LazyMotion` component to defer the loading of animations and gestures.
|
|
227
|
+
|
|
228
|
+
### Removed
|
|
229
|
+
|
|
230
|
+
- The deprecated `motion.custom()`. Use `motion()` instead.
|
|
231
|
+
|
|
232
|
+
## [3.10.6] 2021-03-18
|
|
233
|
+
|
|
234
|
+
### Fixed
|
|
235
|
+
|
|
236
|
+
- Various variant bugs.
|
|
237
|
+
|
|
238
|
+
## [3.10.5] 2021-03-15
|
|
239
|
+
|
|
240
|
+
### Fixed
|
|
241
|
+
|
|
242
|
+
- Added specific `default` and `require` fields to the `exports` field for CJS compatibility.
|
|
243
|
+
|
|
244
|
+
## [3.10.4] 2021-03-15
|
|
245
|
+
|
|
246
|
+
### Added
|
|
247
|
+
|
|
248
|
+
- `exports` field to `package.json`.
|
|
249
|
+
|
|
250
|
+
### Fixed
|
|
251
|
+
|
|
252
|
+
- `useMotionValue` now forces re-render on the Framer canvas when the underlying `MotionValue` updates.
|
|
253
|
+
|
|
254
|
+
## [3.10.3] 2021-03-10
|
|
255
|
+
|
|
256
|
+
### Fixed
|
|
257
|
+
|
|
258
|
+
- Reduced memory consumption in static mode by not loading `VisualElement`.
|
|
259
|
+
|
|
260
|
+
## [3.10.2] 2021-03-09
|
|
261
|
+
|
|
262
|
+
### Fixed
|
|
263
|
+
|
|
264
|
+
- Improved memory consumption of `SubscriptionManager`.
|
|
265
|
+
|
|
266
|
+
## [3.10.1] 2021-03-09
|
|
267
|
+
|
|
268
|
+
### Fixed
|
|
269
|
+
|
|
270
|
+
- New layout animations now only trigger when the target viewport box has changed.
|
|
271
|
+
|
|
272
|
+
## [3.10.0] 2021-03-03
|
|
273
|
+
|
|
274
|
+
### Added
|
|
275
|
+
|
|
276
|
+
- `useVelocity`.
|
|
277
|
+
|
|
278
|
+
## [3.9.3] 2021-03-03
|
|
279
|
+
|
|
280
|
+
### Fixed
|
|
281
|
+
|
|
282
|
+
- Exporting `AnimationPlaybackControls` and `AnimationOptions` for `animate()`.
|
|
283
|
+
- Fixed passing dynamic function to `controls.start()`.
|
|
284
|
+
|
|
285
|
+
## [3.9.2] 2021-03-02
|
|
286
|
+
|
|
287
|
+
### Fixed
|
|
288
|
+
|
|
289
|
+
- Crossfader now only returns values for the lead and follow components.
|
|
290
|
+
|
|
291
|
+
## [3.9.1] 2021-03-02
|
|
292
|
+
|
|
293
|
+
### Fixed
|
|
294
|
+
|
|
295
|
+
- Drag now passing velocity to `useSpring` correctly.
|
|
296
|
+
|
|
297
|
+
## [3.9.0] 2021-03-02
|
|
298
|
+
|
|
299
|
+
### Added
|
|
300
|
+
|
|
301
|
+
- `dragElastic` now accepts per-axis elastic settings.
|
|
302
|
+
|
|
303
|
+
## [3.8.2] 2021-03-01
|
|
304
|
+
|
|
305
|
+
### Fixed
|
|
306
|
+
|
|
307
|
+
- `perspective` now correctly set as its own `style`. `transformPerspective` still builds into `transform`.
|
|
308
|
+
|
|
309
|
+
## [3.8.1] 2021-03-01
|
|
310
|
+
|
|
311
|
+
### Changed
|
|
312
|
+
|
|
313
|
+
- Refactoring `AnimationType` is improve bundle-splitting.
|
|
314
|
+
|
|
315
|
+
## [3.8.0] 2021-03-01
|
|
316
|
+
|
|
317
|
+
### Fixed
|
|
318
|
+
|
|
319
|
+
- Code-splitting for Webpack.
|
|
320
|
+
|
|
321
|
+
## [3.7.0] 2021-02-23
|
|
322
|
+
|
|
323
|
+
### Added
|
|
324
|
+
|
|
325
|
+
- `motion()` creates custom `motion` components.
|
|
326
|
+
- `forwardMotionProps` boolean to optionally forward `MotionProps` to custom components.
|
|
327
|
+
|
|
328
|
+
### Changed
|
|
329
|
+
|
|
330
|
+
- Custom `motion` components no longer forward `MotionProps` by default.
|
|
331
|
+
|
|
332
|
+
### Deprecated
|
|
333
|
+
|
|
334
|
+
- `motion.custom`
|
|
335
|
+
|
|
336
|
+
### Fixed
|
|
337
|
+
|
|
338
|
+
- Listing React 17 as a `peerDependency`.
|
|
339
|
+
|
|
340
|
+
## [3.6.7] 2021-02-22
|
|
341
|
+
|
|
342
|
+
### Fixed
|
|
343
|
+
|
|
344
|
+
- More permissive check for previously-unencountered values.
|
|
345
|
+
|
|
346
|
+
## [3.6.6] 2021-02-22
|
|
347
|
+
|
|
348
|
+
### Fixed
|
|
349
|
+
|
|
350
|
+
- Safer `hasOwnProperty` check for `null` values.
|
|
351
|
+
|
|
352
|
+
## [3.6.5] 2021-02-22
|
|
353
|
+
|
|
354
|
+
### Fixed
|
|
355
|
+
|
|
356
|
+
- Only fire `onPanEnd` if `onPanStart` has triggered.
|
|
357
|
+
|
|
358
|
+
## [3.6.4] 2021-02-22
|
|
359
|
+
|
|
360
|
+
### Fixed
|
|
361
|
+
|
|
362
|
+
- Adding polyfill `performance.now` in `framesync`.
|
|
363
|
+
|
|
364
|
+
## [3.6.3] 2021-02-22
|
|
365
|
+
|
|
366
|
+
### Fixed
|
|
367
|
+
|
|
368
|
+
- Only crossfading defined `borderRadius` borders during shared element transitions.
|
|
369
|
+
|
|
370
|
+
## [3.6.2] 2021-02-20
|
|
371
|
+
|
|
372
|
+
### Fixed
|
|
373
|
+
|
|
374
|
+
- `AnimatePresence` now correctly unmounts children if it contains no `motion` components.
|
|
375
|
+
|
|
376
|
+
## [3.6.1] 2021-02-19
|
|
377
|
+
|
|
378
|
+
### Fixed
|
|
379
|
+
|
|
380
|
+
- `onAnimationComplete` on child variant components now fire as expected.
|
|
381
|
+
|
|
382
|
+
## [3.6.0] 2021-02-19
|
|
383
|
+
|
|
384
|
+
### Added
|
|
385
|
+
|
|
386
|
+
- `onAnimationComplete` now provides the definition of the triggering animation.
|
|
387
|
+
|
|
388
|
+
## [3.5.3] 2021-02-19
|
|
389
|
+
|
|
390
|
+
### Fixed
|
|
391
|
+
|
|
392
|
+
- Fixing bug with `afterChildren` and `exit` animations.
|
|
393
|
+
|
|
394
|
+
## [3.5.2] 2021-02-18
|
|
395
|
+
|
|
396
|
+
### Added
|
|
397
|
+
|
|
398
|
+
- Setting `sideEffects: false` in `package.json` to help code splitting in Webpack.
|
|
399
|
+
|
|
400
|
+
## [3.5.1] 2021-02-18
|
|
401
|
+
|
|
402
|
+
### Fixed
|
|
403
|
+
|
|
404
|
+
- `onTapCancel` is now being correctly cleaned up.
|
|
405
|
+
|
|
406
|
+
## [3.5.0] 2021-02-18
|
|
407
|
+
|
|
408
|
+
### Added
|
|
409
|
+
|
|
410
|
+
- Adding `transition` prop to `MotionConfig` to set a default `transition` for an entire tree.
|
|
411
|
+
|
|
412
|
+
## [3.4.2] 2021-02-18
|
|
413
|
+
|
|
414
|
+
### Added
|
|
415
|
+
|
|
416
|
+
- `onBeforeLayoutMeasure` prop, currently a Framer internal.
|
|
417
|
+
|
|
418
|
+
## [3.4.1] 2021-02-18
|
|
419
|
+
|
|
420
|
+
### Fixed
|
|
421
|
+
|
|
422
|
+
- De-duplicating features in nested `MotionConfig`s to avoid key error.
|
|
423
|
+
|
|
424
|
+
## [3.4.0] 2021-02-18
|
|
425
|
+
|
|
426
|
+
### Changed
|
|
427
|
+
|
|
428
|
+
- Main `motion` component concurrent-safe.
|
|
429
|
+
|
|
430
|
+
### Fixed
|
|
431
|
+
|
|
432
|
+
- Crossfading elements can now never fall out of positional/style sync due to mismatched animations or framelag.
|
|
433
|
+
- Fixing SVG double translation transform (props + transform style).
|
|
434
|
+
- `animate` `onComplete` now firing correctly.
|
|
435
|
+
- Only firing keyframe animation when all values have changed.
|
|
436
|
+
- Removing forced re-renders for variant trees.
|
|
437
|
+
- Variant stagger order now determined by DOM APIs.
|
|
438
|
+
- Fixed default spring for `scale`, `opacity` etc from being overdamped to being critically damped when animating to `0`.
|
|
439
|
+
|
|
440
|
+
## [3.3.0] 2020-02-03
|
|
441
|
+
|
|
442
|
+
- Fixing errant publish.
|
|
443
|
+
|
|
444
|
+
## [3.2.1] 2020-01-11
|
|
445
|
+
|
|
446
|
+
### Added
|
|
447
|
+
|
|
448
|
+
- Exporting `useVariantContext` for internal Framer use.
|
|
449
|
+
|
|
450
|
+
## [3.2.0] 2020-01-08
|
|
451
|
+
|
|
452
|
+
### Added
|
|
453
|
+
|
|
454
|
+
- Support for hex `alpha`, ie `#FFF0` and `#FFFFFF00`.
|
|
455
|
+
- Support for default `filter` values. For example, when animating from `brightness(50%)`, the animation will start from `brightness(100%)`rather than`brightness(0%)`.
|
|
456
|
+
|
|
457
|
+
## [3.1.5] 2020-01-08
|
|
458
|
+
|
|
459
|
+
### Fixed
|
|
460
|
+
|
|
461
|
+
- Hover events are now blocked while layout is being measured.
|
|
462
|
+
|
|
463
|
+
## [3.1.4] 2020-01-05
|
|
464
|
+
|
|
465
|
+
### Fixed
|
|
466
|
+
|
|
467
|
+
- Blocking layout animations to/from zero bounding boxes.
|
|
468
|
+
- `onTapCancel` now fires correctly on touch screens.
|
|
469
|
+
- `createDomMotionComponent` types.
|
|
470
|
+
|
|
471
|
+
## [3.1.3] 2020-01-04
|
|
472
|
+
|
|
473
|
+
### Fixed
|
|
474
|
+
|
|
475
|
+
- Fixed types for `pathSpacing` and `pathOffset`.
|
|
476
|
+
|
|
477
|
+
## [3.1.2] 2020-01-04
|
|
478
|
+
|
|
479
|
+
### Fixed
|
|
480
|
+
|
|
481
|
+
- `snapToCursor` respects drag axis.
|
|
482
|
+
|
|
483
|
+
## [3.1.1] 2020-12-18
|
|
484
|
+
|
|
485
|
+
### Updated
|
|
486
|
+
|
|
487
|
+
- Updated dependencies.
|
|
488
|
+
|
|
489
|
+
## [3.1.0] 2020-12-18
|
|
490
|
+
|
|
491
|
+
### Added
|
|
492
|
+
|
|
493
|
+
- `whileFocus`
|
|
494
|
+
|
|
495
|
+
## [3.0.1] 2020-12-18
|
|
496
|
+
|
|
497
|
+
### Fixed
|
|
498
|
+
|
|
499
|
+
- Error when mixing `initial={false}` and `animate={controls}`.
|
|
500
|
+
|
|
501
|
+
## [3.0.0] 2020-12-16
|
|
502
|
+
|
|
503
|
+
### Added
|
|
504
|
+
|
|
505
|
+
- `whileDrag`
|
|
506
|
+
- Adding Safari-prefixed `userSelect` css to draggable elements.
|
|
507
|
+
- `whileHover`, `whileTap` and `exit` all now accept variant lists.
|
|
508
|
+
|
|
509
|
+
### Changed
|
|
510
|
+
|
|
511
|
+
- New behaviour for when values are removed from animation props (`animate`, `whileHover`, `exit` etc). The value will be searched for in active props of a lower priority running (`style` <- `animate` <- `whileHover` <- `whileTap` <- `whileDrag` <- `exit`). This may introduce subtle behavioural changes, hence the major.
|
|
512
|
+
|
|
513
|
+
### Removed
|
|
514
|
+
|
|
515
|
+
- The deprecated `useInvertedScale` hook. Use the `layout` prop instead.
|
|
516
|
+
- The deprecated `yoyo`, `flip` and `loop` options. Use `repeat` and `repeatType` options instead.
|
|
517
|
+
|
|
518
|
+
### Fixed
|
|
519
|
+
|
|
520
|
+
- Correctly applying `transform` on SVG elements.
|
|
521
|
+
- Lazy-initialising viewport scroll, VisualElement.axisProgress, and reduced motion `MotionValue`s, for increased startup performance.
|
|
522
|
+
- Improved measurement scheduling for `drag` components and nested `AnimateSharedLayout` trees.
|
|
523
|
+
- Robust calculation of `treeScale`.
|
|
524
|
+
|
|
525
|
+
## [2.9.5] 2020-11-16
|
|
526
|
+
|
|
527
|
+
### Added
|
|
528
|
+
|
|
529
|
+
- Updating `package.json` to be compatible with React 17.
|
|
530
|
+
|
|
531
|
+
## [2.9.4] 2020-10-21
|
|
532
|
+
|
|
533
|
+
### Added
|
|
534
|
+
|
|
535
|
+
- Exporting internal API `startVisualElementAnimation` for use in Framer.
|
|
536
|
+
|
|
537
|
+
## [2.9.3] 2020-10-19
|
|
538
|
+
|
|
539
|
+
### Added
|
|
540
|
+
|
|
541
|
+
- Exporting `Target` type.
|
|
542
|
+
|
|
543
|
+
## [2.9.2] 2020-10-19
|
|
544
|
+
|
|
545
|
+
### Fixed
|
|
546
|
+
|
|
547
|
+
- Over-eager variant propagation.
|
|
548
|
+
|
|
549
|
+
## [2.9.1] 2020-10-12
|
|
550
|
+
|
|
551
|
+
### Fixed
|
|
552
|
+
|
|
553
|
+
- Reverting `matchMedia` listener to legacy `addListener` to fix in Safari.
|
|
554
|
+
|
|
555
|
+
## [2.9.0] 2020-10-12
|
|
556
|
+
|
|
557
|
+
### Added
|
|
558
|
+
|
|
559
|
+
- Refactor has reduced complete bundle size to 27kb and `m` component bundle size to 12.5kb.
|
|
560
|
+
|
|
561
|
+
### Fixed
|
|
562
|
+
|
|
563
|
+
- Removing whitespace from resolved CSS variables.
|
|
564
|
+
|
|
565
|
+
## [2.8.0] 2020-10-09
|
|
566
|
+
|
|
567
|
+
### Added
|
|
568
|
+
|
|
569
|
+
- `animate` function for low-level single `MotionValue` or arbitrary value animations.
|
|
570
|
+
|
|
571
|
+
## [2.7.8] 2020-10-07
|
|
572
|
+
|
|
573
|
+
### Changed
|
|
574
|
+
|
|
575
|
+
- Reverting previous behaviour to allow manual triggering of updating drag constraints via `useDragControls`.
|
|
576
|
+
|
|
577
|
+
## [2.7.8] 2020-10-07
|
|
578
|
+
|
|
579
|
+
### Changed
|
|
580
|
+
|
|
581
|
+
- If `dragConstraints` is set to a ref on a non-draggable component, we resolve the constraints on mount in order to pass them to `onMeasureDragConstraints`.
|
|
582
|
+
|
|
583
|
+
## [2.7.7] 2020-10-01
|
|
584
|
+
|
|
585
|
+
### Fixed
|
|
586
|
+
|
|
587
|
+
- `duration` and `bounce` are now overridden by `damping`, `stiffness`, and `mass`. This fixes an issue in Framer where legacy transitions were breaking.
|
|
588
|
+
|
|
589
|
+
## [2.7.6] 2020-09-29
|
|
590
|
+
|
|
591
|
+
### Fixed
|
|
592
|
+
|
|
593
|
+
- When a `transform` is provided to `style` as a `MotionValue` and then replaced with a number on a subsequent render, we create a new `MotionValue` for it.
|
|
594
|
+
|
|
595
|
+
## [2.7.5] 2020-09-26
|
|
596
|
+
|
|
597
|
+
### Fixed
|
|
598
|
+
|
|
599
|
+
- Manually setting a `from` in `transition`.
|
|
600
|
+
|
|
601
|
+
## [2.7.4] 2020-09-26
|
|
602
|
+
|
|
603
|
+
### Fixed
|
|
604
|
+
|
|
605
|
+
- Blocks propagation of variants from parent if a component's `animate` prop is set to `AnimationControls`. `inherit` can be used to force inheritence `true` or `false`.
|
|
606
|
+
|
|
607
|
+
## [2.7.3] 2020-09-25
|
|
608
|
+
|
|
609
|
+
### Fixed
|
|
610
|
+
|
|
611
|
+
- Blocks touch viewport scrolling from draggable components on a per-axis basis.
|
|
612
|
+
- Reinstating `sideEffects: false` now that the `blockViewportScroll` method has been removed.
|
|
613
|
+
|
|
614
|
+
## [2.7.2] 2020-09-24
|
|
615
|
+
|
|
616
|
+
### Added
|
|
617
|
+
|
|
618
|
+
- `createDomMotionComponent` for legacy browser support.
|
|
619
|
+
|
|
620
|
+
## [2.7.1] 2020-09-23
|
|
621
|
+
|
|
622
|
+
### Fixed
|
|
623
|
+
|
|
624
|
+
- Reverting `sideEffects: false`, as viewport touch scroll blocking is a side effect.
|
|
625
|
+
|
|
626
|
+
## [2.7.0] 2020-09-23
|
|
627
|
+
|
|
628
|
+
### Added
|
|
629
|
+
|
|
630
|
+
- Duration-based springs.
|
|
631
|
+
|
|
632
|
+
## [2.6.15] 2020-09-18
|
|
633
|
+
|
|
634
|
+
### Fix
|
|
635
|
+
|
|
636
|
+
- Fixing dynamic type imports in generated types.
|
|
637
|
+
|
|
638
|
+
## [2.6.14] 2020-09-18
|
|
639
|
+
|
|
640
|
+
### Fix
|
|
641
|
+
|
|
642
|
+
- No longer unsetting transform motion values from `style` if their current value is `0`.
|
|
643
|
+
- Correct `useDomEvent` types to allow any `EventTarget`.
|
|
644
|
+
- Fix memory leak error in `AnimatePresence`.
|
|
645
|
+
|
|
646
|
+
### Change
|
|
647
|
+
|
|
648
|
+
- Added `sideEffects: false` to `package.json`.
|
|
649
|
+
- Added `bundlesize` bundle budgeting.
|
|
650
|
+
|
|
651
|
+
## [2.6.13] 2020-09-12
|
|
652
|
+
|
|
653
|
+
### Fix
|
|
654
|
+
|
|
655
|
+
- `drag` + `layout` components no longer reset position to center.
|
|
656
|
+
|
|
657
|
+
## [2.6.12] 2020-09-11
|
|
658
|
+
|
|
659
|
+
### Change
|
|
660
|
+
|
|
661
|
+
- Reduced full bundle size by 0.8kb by replacing `import * from "popmotion"` with a named map of specifically just the easing functions.
|
|
662
|
+
|
|
663
|
+
## [2.6.11] 2020-09-11
|
|
664
|
+
|
|
665
|
+
### Fixed
|
|
666
|
+
|
|
667
|
+
- Reinstating default keyframes duration of `0.8` seconds.
|
|
668
|
+
|
|
669
|
+
## [2.6.10] 2020-09-10
|
|
670
|
+
|
|
671
|
+
### Fixed
|
|
672
|
+
|
|
673
|
+
- `dragElastic={0}` gesture end animations now work correctly.
|
|
674
|
+
|
|
675
|
+
## [2.6.9] 2020-09-09
|
|
676
|
+
|
|
677
|
+
### Fixed
|
|
678
|
+
|
|
679
|
+
- Ensure `AnimatePresence` children re-render when children exit.
|
|
680
|
+
|
|
681
|
+
## [2.6.8] 2020-09-08
|
|
682
|
+
|
|
683
|
+
### Fixed
|
|
684
|
+
|
|
685
|
+
- Ensure useTransform uses the latest handler.
|
|
686
|
+
|
|
687
|
+
## [2.6.7] 2020-09-08
|
|
688
|
+
|
|
689
|
+
### Added
|
|
690
|
+
|
|
691
|
+
- Scale correction for `borderRadius` and `boxShadow` found in `style`.
|
|
692
|
+
- Fixed conflict between `initial` and `style`. `initial` will now take precedence on initial render.
|
|
693
|
+
- Support for CSS variables in scale-corrected `boxShadow` styles.
|
|
694
|
+
|
|
695
|
+
## [2.6.6] 2020-09-03
|
|
696
|
+
|
|
697
|
+
### Fixed
|
|
698
|
+
|
|
699
|
+
- Correctly mapping `times` option to Popmotion's `offset`.
|
|
700
|
+
|
|
701
|
+
## [2.6.5] 2020-08-28
|
|
702
|
+
|
|
703
|
+
### Changed
|
|
704
|
+
|
|
705
|
+
- Tweaked `restSpeed` defaults for smoother halting of physical (px) springs.
|
|
706
|
+
|
|
707
|
+
### Fixed
|
|
708
|
+
|
|
709
|
+
- Critical-damped spring equations in Popmotion.
|
|
710
|
+
|
|
711
|
+
## [2.6.4] 2020-08-28
|
|
712
|
+
|
|
713
|
+
### Fixed
|
|
714
|
+
|
|
715
|
+
- Forcing array targets to use keyframes animations.
|
|
716
|
+
|
|
717
|
+
## [2.6.3] 2020-08-27
|
|
718
|
+
|
|
719
|
+
### Fixed
|
|
720
|
+
|
|
721
|
+
- Coercion to type `auto`.
|
|
722
|
+
|
|
723
|
+
## [2.6.2] 2020-08-26
|
|
724
|
+
|
|
725
|
+
### Fixed
|
|
726
|
+
|
|
727
|
+
- Fixing detection of transition definitions and application of default transitions.
|
|
728
|
+
- When animating to/from `0` and a unit type, `0` will be coerced to that unit type rather than needing unit conversion via DOM measurement.
|
|
729
|
+
|
|
730
|
+
## [2.6.1] 2020-08-26
|
|
731
|
+
|
|
732
|
+
### Fixed
|
|
733
|
+
|
|
734
|
+
- Updating `useDragControls` documentation to reflect that triggering events should be `usePointerDown`, as mouse events work differently on touch screens.
|
|
735
|
+
- `AnimatePresence.custom` is passed throughout the tree for all exit variants.
|
|
736
|
+
- Animating the `viewBox` attribute of `svg` elements now correctly sets the `viewBox` attribute instead of `view-box`.
|
|
737
|
+
|
|
738
|
+
### Upgrade
|
|
739
|
+
|
|
740
|
+
- Typescript 4.
|
|
741
|
+
|
|
742
|
+
## [2.6.0] 2020-08-24
|
|
743
|
+
|
|
744
|
+
### Fixed
|
|
745
|
+
|
|
746
|
+
- Reverting relative `dragConstraints` resolution that was erroneously changed in `2.1.3`.
|
|
747
|
+
|
|
748
|
+
## [2.5.5] 2020-08-20
|
|
749
|
+
|
|
750
|
+
### Fixed
|
|
751
|
+
|
|
752
|
+
- Tweaked `restDelta` in `popmotion@9.0.0-rc.7` for smoother `opacity` transitions.
|
|
753
|
+
|
|
754
|
+
## [2.5.4] 2020-08-20
|
|
755
|
+
|
|
756
|
+
### Fixed
|
|
757
|
+
|
|
758
|
+
- Fixed jumpy drag transitions resulting from existing animations not being correctly stopped.
|
|
759
|
+
|
|
760
|
+
## [2.5.3] 2020-08-20
|
|
761
|
+
|
|
762
|
+
### Fixed
|
|
763
|
+
|
|
764
|
+
- Improved velocity check for underdamped springs.
|
|
765
|
+
|
|
766
|
+
## [2.5.2] 2020-08-20
|
|
767
|
+
|
|
768
|
+
### Fixed
|
|
769
|
+
|
|
770
|
+
- Drag transitionEnd conflicting with layout animations.
|
|
771
|
+
|
|
772
|
+
## [2.5.1] 2020-08-18
|
|
773
|
+
|
|
774
|
+
### Fixed
|
|
775
|
+
|
|
776
|
+
- Occasional glitchy movement with `type: "spring"` and `repeatType: "mirror"`
|
|
777
|
+
|
|
778
|
+
## [2.5.0] 2020-08-18
|
|
779
|
+
|
|
780
|
+
### Added
|
|
781
|
+
|
|
782
|
+
- New repeat syntax
|
|
783
|
+
- Support for repeated springs
|
|
784
|
+
|
|
785
|
+
### Fixed
|
|
786
|
+
|
|
787
|
+
- Fixed support for `null` in keyframes animations.
|
|
788
|
+
- Fixed `delay` propagation.
|
|
789
|
+
|
|
790
|
+
## [2.4.3] 2020-08-18
|
|
791
|
+
|
|
792
|
+
### Changed
|
|
793
|
+
|
|
794
|
+
- Upgrading to Popmotion 9 RC.
|
|
795
|
+
|
|
796
|
+
## [2.4.1] 2020-08-12
|
|
797
|
+
|
|
798
|
+
### Fixed
|
|
799
|
+
|
|
800
|
+
- Adding defensive check for `visualElement.box` in `MeasureLayout`.
|
|
801
|
+
|
|
802
|
+
## [2.4.0] 2020-08-12
|
|
803
|
+
|
|
804
|
+
### Added
|
|
805
|
+
|
|
806
|
+
- Upgraded `useTransform` to accept multiple `MotionValue`s.
|
|
807
|
+
- Support for `transformPerspective` style.
|
|
808
|
+
- Internal: `_dragX` and `_dragY` external `MotionValue` targets for drag gesture.
|
|
809
|
+
- Internal: Support for rotate in `AnimateSharedLayout` within Framer.
|
|
810
|
+
- Internal: `onViewportBoxUpdate`, `onLayoutMeasure` and `onLayoutUpdate` event handlers added to `HTMLVisualElement`.
|
|
811
|
+
|
|
812
|
+
### Fixed
|
|
813
|
+
|
|
814
|
+
- Fixed `AnimateSharedLayout` within React `17.0.0-rc.0`.
|
|
815
|
+
- Drag now works directly on `x` and `y` transforms unless `layout` or `layoutId` are also set.
|
|
816
|
+
|
|
817
|
+
### Changed
|
|
818
|
+
|
|
819
|
+
- Marked `useInvertedScale` as deprecated.
|
|
820
|
+
|
|
821
|
+
## [2.3.0] 2020-07-28
|
|
822
|
+
|
|
823
|
+
### Added
|
|
824
|
+
|
|
825
|
+
- `useMotionTemplate`, a hook for combining MotionValues using a string template literal.
|
|
826
|
+
|
|
827
|
+
## [2.2.0] 2020-07-27
|
|
828
|
+
|
|
829
|
+
### Added
|
|
830
|
+
|
|
831
|
+
- `m` component is a lightweight, featureless version of the `motion` component.
|
|
832
|
+
- `MotionConfig` is used to dynamically provide features to `m` components via context.
|
|
833
|
+
|
|
834
|
+
## [2.1.4] 2020-07-24
|
|
835
|
+
|
|
836
|
+
### Added
|
|
837
|
+
|
|
838
|
+
- Drag Cypress test suite.
|
|
839
|
+
|
|
840
|
+
### Fixed
|
|
841
|
+
|
|
842
|
+
- Application of relative drag constraints.
|
|
843
|
+
- User-set transforms were only updating when layout transforms updated.
|
|
844
|
+
- Fixing drag on SVG components.
|
|
845
|
+
|
|
846
|
+
## [2.1.3] 2020-07-23
|
|
847
|
+
|
|
848
|
+
### Fixed
|
|
849
|
+
|
|
850
|
+
- HSLA interpolation when either HSLA contains a decimal.
|
|
851
|
+
- Whitespace-syntax color support.
|
|
852
|
+
- `onLayoutAnimationComplete` now firing correctly.
|
|
853
|
+
|
|
854
|
+
## [2.1.2] 2020-07-22
|
|
855
|
+
|
|
856
|
+
### Fixed
|
|
857
|
+
|
|
858
|
+
- Respecting `transformTemplate` for layout animations.
|
|
859
|
+
- Fixed `this.box is undefined` errors.
|
|
860
|
+
|
|
861
|
+
### Changed
|
|
862
|
+
|
|
863
|
+
- Internal refactoring to improve tree-shaking and allow for dynamic feature injection.
|
|
864
|
+
|
|
865
|
+
## [2.1.1] 2020-07-20
|
|
866
|
+
|
|
867
|
+
### Fixed
|
|
868
|
+
|
|
869
|
+
- Performance improvements to layout delta calculations.
|
|
870
|
+
|
|
871
|
+
## [2.1.0] 2020-07-17
|
|
872
|
+
|
|
873
|
+
### Added
|
|
874
|
+
|
|
875
|
+
- `layout="position"` for position-only layout animations.
|
|
876
|
+
|
|
877
|
+
## [2.0.1] 2020-07-16
|
|
878
|
+
|
|
879
|
+
### Fixed
|
|
880
|
+
|
|
881
|
+
- Fixed issue with draggable components staying stuck when they're getting render-thrashed.
|
|
882
|
+
|
|
883
|
+
## [2.0.0] 2020-07-15
|
|
884
|
+
|
|
885
|
+
### Added
|
|
886
|
+
|
|
887
|
+
- `layout` prop for automatic layout animations.
|
|
888
|
+
- `AnimateSharedLayout` and `layoutId` for shared layout animations.
|
|
889
|
+
- `onMeasureDragConstraints` prop that fires when `dragConstraints` are measured.
|
|
890
|
+
- `useIsPresent`, a read-only version of `usePresence`.
|
|
891
|
+
- Allow `dragConstraints` to be a ref that is smaller than the draggable element.
|
|
892
|
+
|
|
893
|
+
### Removed
|
|
894
|
+
|
|
895
|
+
- `positionTransition` and `layoutTransition` props (use `layout={true}` instead).
|
|
896
|
+
- `Point` type in favour of `Point2D`.
|
|
897
|
+
- `useAnimatedState`: Moved to Framer library.
|
|
898
|
+
- `dragOriginX`, `dragOriginY` props.
|
|
899
|
+
- `stylefire` as a dependency.
|
|
900
|
+
|
|
901
|
+
### Fixed
|
|
902
|
+
|
|
903
|
+
- Removing a `MotionValue` from `style` now correctly unsets it from the element.
|
|
904
|
+
|
|
905
|
+
### Changed
|
|
906
|
+
|
|
907
|
+
- Using `Proxy` to generate `motion` components. This saves ~0.5kb from the bundle size and ensures compatibility with all DOM elements and Web Components.
|
|
908
|
+
- `x` and `y` transform values won't change as a result of a drag gesture as this now works via layout projection.
|
|
909
|
+
- Drag events now report `point` as the pointer relative to the viewport, in line with other pointer events.
|
|
910
|
+
- Changed build process and using Terser for uglification. Reduces bundle size by ~1.2kb. ([@stokesman](https://github.com/stokesman) in [#596](https://github.com/framer/motion/pull/596))
|
|
911
|
+
|
|
912
|
+
## [1.11.1] 2020-06-16
|
|
913
|
+
|
|
914
|
+
### Fixed
|
|
915
|
+
|
|
916
|
+
- Using `useIsomorphicEffect` for `useElementScroll` and `useViewportScroll`.([@thebuilder](https://github.com/thebuilder) in [#592](https://github.com/framer/motion/pull/592))
|
|
917
|
+
|
|
918
|
+
## [1.11.0] 2020-05-15
|
|
919
|
+
|
|
920
|
+
### Added
|
|
921
|
+
|
|
922
|
+
- Added a `useElementScroll` hook that allows the creation of scroll motion values for HTML elements. ([@souporserious](https://github.com/souporserious) in [#195](https://github.com/framer/motion/pull/195))
|
|
923
|
+
|
|
924
|
+
## [1.10.3] 2020-03-23
|
|
925
|
+
|
|
926
|
+
### Fix
|
|
927
|
+
|
|
928
|
+
- Replacing the functionality of `DragControls` `e.preventDefault()` with CSS and HTML attributes. ([@inventingwithmonster](https://github.com/inventingwithmonster) in [#495](https://github.com/framer/motion/pull/495))
|
|
929
|
+
|
|
930
|
+
## [1.10.2] 2020-03-23
|
|
931
|
+
|
|
932
|
+
### Fix
|
|
933
|
+
|
|
934
|
+
- Fixing `PresenceChild` losing correct count of exiting children if it re-renders. ([@inventingwithmonster](https://github.com/inventingwithmonster) in [#490](https://github.com/framer/motion/pull/490))
|
|
935
|
+
|
|
936
|
+
### Changed
|
|
937
|
+
|
|
938
|
+
- Removed developer warning when using `usePresence` outside of an `AnimatePresence` block.
|
|
939
|
+
|
|
940
|
+
## [1.10.1] 2020-03-23
|
|
941
|
+
|
|
942
|
+
### Fix
|
|
943
|
+
|
|
944
|
+
- Fixing `AnimatePresence` children not re-rendering when their exiting siblings have been removed from the tree (which broke siblings `positionTransition` and `layoutTransition`). ([@inventingwithmonster](https://github.com/inventingwithmonster) in [#489](https://github.com/framer/motion/pull/489))
|
|
945
|
+
- Adding `null` check for `getTranslateFromMatrix` ([@JoyalJoyMadeckal](https://github.com/JoyalJoyMadeckal) in [#482](https://github.com/framer/motion/pull/482))
|
|
946
|
+
|
|
947
|
+
## [1.10.0] 2020-03-19
|
|
948
|
+
|
|
949
|
+
### Added
|
|
950
|
+
|
|
951
|
+
- `AnimatePresence` now supports multiple `usePresence` children within a given sub-tree.
|
|
952
|
+
|
|
953
|
+
## [1.9.1] 2020-03-06
|
|
954
|
+
|
|
955
|
+
### Fixed
|
|
956
|
+
|
|
957
|
+
- Ensuring drag momentum animations happen on `_dragValueX` and `_dragValueY` if provided. ([@inventingwithmonster](https://github.com/inventingwithmonster) in [#473](https://github.com/framer/motion/pull/473))
|
|
958
|
+
|
|
959
|
+
## [1.9.0] 2020-03-02
|
|
960
|
+
|
|
961
|
+
### Added
|
|
962
|
+
|
|
963
|
+
- `usePresence` hook. ([@inventingwithmonster](https://github.com/inventingwithmonster) in [#473](https://github.com/framer/motion/pull/473))
|
|
964
|
+
- `repository` field in `package.json`. ([@iamstarkov](https://github.com/iamstarkov) in [#469](https://github.com/framer/motion/pull/469))
|
|
965
|
+
|
|
966
|
+
## [1.8.4] 2020-02-05
|
|
967
|
+
|
|
968
|
+
### Added
|
|
969
|
+
|
|
970
|
+
- `dragListener` prop to disable drag event listeners.
|
|
971
|
+
|
|
972
|
+
## [1.8.3] 2020-01-28
|
|
973
|
+
|
|
974
|
+
### Added
|
|
975
|
+
|
|
976
|
+
- Updated documentation for `DragControls.start`.
|
|
977
|
+
|
|
978
|
+
## [1.8.2] 2020-01-28
|
|
979
|
+
|
|
980
|
+
### Downgrade
|
|
981
|
+
|
|
982
|
+
- Downgraded `api-extractor` to `@7.3` as `7.7.7` broke `Method` name indexing.
|
|
983
|
+
|
|
984
|
+
## [1.8.1] 2020-01-28
|
|
985
|
+
|
|
986
|
+
### Added
|
|
987
|
+
|
|
988
|
+
- Updated documentation for `useDragControls`.
|
|
989
|
+
|
|
990
|
+
## [1.8.0] 2020-01-27
|
|
991
|
+
|
|
992
|
+
### Added
|
|
993
|
+
|
|
994
|
+
- `useDragControls` allows imperative initiation of a drag gesture.
|
|
995
|
+
|
|
996
|
+
## [1.7.3] 2020-01-24
|
|
997
|
+
|
|
998
|
+
### Fixed
|
|
999
|
+
|
|
1000
|
+
- Updated `transformTemplate` to provide an empty string if all transform values are default.
|
|
1001
|
+
|
|
1002
|
+
## [1.7.2] 2020-01-20
|
|
1003
|
+
|
|
1004
|
+
### Fixed
|
|
1005
|
+
|
|
1006
|
+
- Changed definition of `staggerDirection` from `1 | -1` to `number` to reduce the need for casting externally-defined types.
|
|
1007
|
+
|
|
1008
|
+
## [1.7.1] 2020-01-20
|
|
1009
|
+
|
|
1010
|
+
### Added
|
|
1011
|
+
|
|
1012
|
+
- Added support for `TargetResolver` in `exit` types.
|
|
1013
|
+
|
|
1014
|
+
### Fixed
|
|
1015
|
+
|
|
1016
|
+
- Filtering `onAnimationStart` from forwarded props.
|
|
1017
|
+
|
|
1018
|
+
## [1.7.0] 2019-12-12
|
|
1019
|
+
|
|
1020
|
+
### Added
|
|
1021
|
+
|
|
1022
|
+
- Support for `prefers-reduced-motion` via the `useReducedMotion` hook.
|
|
1023
|
+
|
|
1024
|
+
## [1.6.18] 2019-12-10
|
|
1025
|
+
|
|
1026
|
+
### Fixed
|
|
1027
|
+
|
|
1028
|
+
- Various `StrictMode`-related bugs including `layoutTransition` origin calculation.
|
|
1029
|
+
- Only applying drag constraints during a `useEffect` to allow render-triggered animations a chance to start (thereby blocking the application of constraints).
|
|
1030
|
+
|
|
1031
|
+
## [1.6.17] 2019-11-21
|
|
1032
|
+
|
|
1033
|
+
### Added
|
|
1034
|
+
|
|
1035
|
+
- `controls.set` can now accept a function that will resolve once for each child.
|
|
1036
|
+
|
|
1037
|
+
## [1.6.16] 2019-11-21
|
|
1038
|
+
|
|
1039
|
+
### Fixes
|
|
1040
|
+
|
|
1041
|
+
- Fixing `ref` hydration in `useLayoutEffect`. (Note: This release effectively reverts `1.6.10`. Each child of `AnimatePresence` with a unique `key` should be given a unique `ref`).
|
|
1042
|
+
- Moving callback ref mutation in `use-drag` and `use-pan-gesture` to a `useEffect`.
|
|
1043
|
+
|
|
1044
|
+
## [1.6.15] 2019-10-24
|
|
1045
|
+
|
|
1046
|
+
### Added
|
|
1047
|
+
|
|
1048
|
+
- Quick start section to README.
|
|
1049
|
+
|
|
1050
|
+
## [1.6.14] 2019-10-14
|
|
1051
|
+
|
|
1052
|
+
### Fix
|
|
1053
|
+
|
|
1054
|
+
- Making position change detection more intelligent.
|
|
1055
|
+
|
|
1056
|
+
## [1.6.13] 2019-10-14
|
|
1057
|
+
|
|
1058
|
+
### Fix
|
|
1059
|
+
|
|
1060
|
+
- Fixing undefined `this.props` error for `AnimatePresence.exitBeforeEnter`.
|
|
1061
|
+
|
|
1062
|
+
## [1.6.12] 2019-10-10
|
|
1063
|
+
|
|
1064
|
+
### Fix
|
|
1065
|
+
|
|
1066
|
+
- Support strings in `motion.custom` for Web Component support.
|
|
1067
|
+
|
|
1068
|
+
## [1.6.11] 2019-10-09
|
|
1069
|
+
|
|
1070
|
+
### Fix
|
|
1071
|
+
|
|
1072
|
+
- Inconsistency in handling `x`/`y` between SVG and HTML. Now always a shorthand for `translateX` and `translateY`.
|
|
1073
|
+
|
|
1074
|
+
## [1.6.10] 2019-10-09
|
|
1075
|
+
|
|
1076
|
+
### Fix
|
|
1077
|
+
|
|
1078
|
+
- Fixing the use of externally-provided `ref`s with single-child `AnimatePresence` components.
|
|
1079
|
+
|
|
1080
|
+
## [1.6.9] 2019-10-08
|
|
1081
|
+
|
|
1082
|
+
### Fix
|
|
1083
|
+
|
|
1084
|
+
- Exit variant propagation.
|
|
1085
|
+
- Cancelling exit animations.
|
|
1086
|
+
|
|
1087
|
+
## [1.6.8] 2019-10-02
|
|
1088
|
+
|
|
1089
|
+
### Fix
|
|
1090
|
+
|
|
1091
|
+
- Fixed exit animation when `animate={useAnimation()}`.
|
|
1092
|
+
- Fixed exit animations when another animation is playing concurrently and finishes first.
|
|
1093
|
+
- Upgrade `stylefire@6.0.11` to fix `clipPath` in Webkit.
|
|
1094
|
+
- Allow `motion.custom` to accept custom prop types.
|
|
1095
|
+
- Support clicks within draggable components on iOS Safari.
|
|
1096
|
+
- Making `inherit` public API.
|
|
1097
|
+
|
|
1098
|
+
## [1.6.7] 2019-08-30
|
|
1099
|
+
|
|
1100
|
+
### Fix
|
|
1101
|
+
|
|
1102
|
+
- Restoring React-style behaviour for transform `style` properties when a component `isStatic`.
|
|
1103
|
+
|
|
1104
|
+
## [1.6.6] 2019-08-29
|
|
1105
|
+
|
|
1106
|
+
### Fix
|
|
1107
|
+
|
|
1108
|
+
- Adding `@emotion/is-prop-valid` as an optional dependency to ensure we filter out arbitrary props passed along by Emotion and Styled Components.
|
|
1109
|
+
|
|
1110
|
+
## [1.6.5] 2019-08-27
|
|
1111
|
+
|
|
1112
|
+
### Fix
|
|
1113
|
+
|
|
1114
|
+
- Value-specific `delay`.
|
|
1115
|
+
|
|
1116
|
+
## [1.6.4] 2019-08-27
|
|
1117
|
+
|
|
1118
|
+
### Upgrade
|
|
1119
|
+
|
|
1120
|
+
- `stylefire@6.0.10`
|
|
1121
|
+
|
|
1122
|
+
## [1.6.3] 2019-08-19
|
|
1123
|
+
|
|
1124
|
+
### Fixed
|
|
1125
|
+
|
|
1126
|
+
- Ensuring `onDragEnd` always fires after if `onDragStart` fired.
|
|
1127
|
+
|
|
1128
|
+
## [1.6.2] 2019-08-14
|
|
1129
|
+
|
|
1130
|
+
### Fixed
|
|
1131
|
+
|
|
1132
|
+
- Invalid property in SVGs.
|
|
1133
|
+
|
|
1134
|
+
## [1.6.1] 2019-08-12
|
|
1135
|
+
|
|
1136
|
+
### Fixed
|
|
1137
|
+
|
|
1138
|
+
- Making `useInvertedScale` public and changing const to function.
|
|
1139
|
+
|
|
1140
|
+
## [1.6.0] 2019-08-12
|
|
1141
|
+
|
|
1142
|
+
### Added
|
|
1143
|
+
|
|
1144
|
+
- `layoutTransition`
|
|
1145
|
+
- `EventInfo` now passed as second argument to `onHoverStart` and `onHoverEnd`.
|
|
1146
|
+
- `useDomEvent` hook for attaching events directly to an `Element`.
|
|
1147
|
+
|
|
1148
|
+
### Fixed
|
|
1149
|
+
|
|
1150
|
+
- Simplifying event system.
|
|
1151
|
+
- Applying values in `animate.transitionEnd` if not initial animation.
|
|
1152
|
+
- Made drag constraints only apply if a value isn't animating.
|
|
1153
|
+
- Don't throw error if `useInvertedScale` is provided arguments.
|
|
1154
|
+
|
|
1155
|
+
## [1.5.0] 2019-08-02
|
|
1156
|
+
|
|
1157
|
+
### Added
|
|
1158
|
+
|
|
1159
|
+
- `useInvertedScale` for inverting parent scales.
|
|
1160
|
+
|
|
1161
|
+
## [1.4.2] 2019-07-31
|
|
1162
|
+
|
|
1163
|
+
### Fixed
|
|
1164
|
+
|
|
1165
|
+
- `positionTransition` on exiting components within `AnimatePresence`.
|
|
1166
|
+
|
|
1167
|
+
## [1.4.1] 2019-07-30
|
|
1168
|
+
|
|
1169
|
+
### Fixed
|
|
1170
|
+
|
|
1171
|
+
- Pan and drag gestures with `PointerEvent`.
|
|
1172
|
+
|
|
1173
|
+
## [1.4.0] 2019-07-29
|
|
1174
|
+
|
|
1175
|
+
### Added
|
|
1176
|
+
|
|
1177
|
+
- `AnimatePresence.exitBeforeEnter`.
|
|
1178
|
+
- Added explicit support for custom components as children of `AnimatePresence`.
|
|
1179
|
+
|
|
1180
|
+
### Fixed
|
|
1181
|
+
|
|
1182
|
+
- Fixing issue with drag constraints (ref-based) being reset, while dragging, on unrelated parent component updates.
|
|
1183
|
+
- Updated rollup config to list `tslib` as an external dependency.
|
|
1184
|
+
- Ensuring unmounting components don't call `onAnimationComplete`.
|
|
1185
|
+
- Adding error message when no initial value is set, or can be read or inferred.
|
|
1186
|
+
- Ensuring color alpha is always within bounds.
|
|
1187
|
+
- Ensuring variants propagate on unmount.
|
|
1188
|
+
|
|
1189
|
+
## [1.3.0] 2019-07-24
|
|
1190
|
+
|
|
1191
|
+
- Added `onAnimationStart`.
|
|
1192
|
+
|
|
1193
|
+
### Fixed
|
|
1194
|
+
|
|
1195
|
+
## [1.2.6] 2019-07-23
|
|
1196
|
+
|
|
1197
|
+
### Fixed
|
|
1198
|
+
|
|
1199
|
+
- Make sure `select`, `input`, `textarea` loose focus when blocking default behaviour in a draggable element.
|
|
1200
|
+
|
|
1201
|
+
## [1.2.5] 2019-07-23
|
|
1202
|
+
|
|
1203
|
+
### Fixed
|
|
1204
|
+
|
|
1205
|
+
- Value type conversion for currently-hidden elements.
|
|
1206
|
+
- Fixing unit type conversions when non-positional transforms are applied.
|
|
1207
|
+
- Fixing variant propagation via `useAnimation()` when the parent component has no `variants` prop set.
|
|
1208
|
+
- Fixing unsetting `whileHover` and `whileTap` if they contain `transitionEnd` values.
|
|
1209
|
+
- Child components within variant trees now animate to `animate` as set by their parent.
|
|
1210
|
+
- Checking animation props for array variants as well as strings.
|
|
1211
|
+
- If unencountered value is animated, first attempt to extract an initial value from keyframes definition. Also upgrading `stylefire` to gracefully handle transform requests.
|
|
1212
|
+
|
|
1213
|
+
## [1.2.4] 2019-07-15
|
|
1214
|
+
|
|
1215
|
+
### Added
|
|
1216
|
+
|
|
1217
|
+
- `isValidMotionProp` function.
|
|
1218
|
+
|
|
1219
|
+
### Fixed
|
|
1220
|
+
|
|
1221
|
+
- Improving types for `SVGTextElement` components.
|
|
1222
|
+
|
|
1223
|
+
## [1.2.3] 2019-07-11
|
|
1224
|
+
|
|
1225
|
+
### Fixed
|
|
1226
|
+
|
|
1227
|
+
- Don't load `positionTransition` functionality component server-side.
|
|
1228
|
+
- In development mode, ensuring all child keys are unique.
|
|
1229
|
+
|
|
1230
|
+
## [1.2.2] 2019-07-11
|
|
1231
|
+
|
|
1232
|
+
### Upgrade
|
|
1233
|
+
|
|
1234
|
+
- Typescript to `3.5`.
|
|
1235
|
+
|
|
1236
|
+
## [1.2.1] 2019-07-10
|
|
1237
|
+
|
|
1238
|
+
### Fixed
|
|
1239
|
+
|
|
1240
|
+
- Removing re-entering children from exiting list in `AnimatePresence`.
|
|
1241
|
+
|
|
1242
|
+
## [1.2.0] 2019-07-09
|
|
1243
|
+
|
|
1244
|
+
### Added
|
|
1245
|
+
|
|
1246
|
+
- Supporting `positionTransition` as a function that resolves when the component has moved.
|
|
1247
|
+
- Adding `dragOriginX` and `dragOriginY` props.
|
|
1248
|
+
|
|
1249
|
+
### Fixed
|
|
1250
|
+
|
|
1251
|
+
- Excluding `positionTransition` from SVG type.
|
|
1252
|
+
|
|
1253
|
+
## [1.1.4] 2019-07-08
|
|
1254
|
+
|
|
1255
|
+
### Updated
|
|
1256
|
+
|
|
1257
|
+
- Exporting `AnimatePresenceProps`.
|
|
1258
|
+
|
|
1259
|
+
## [1.1.3] 2019-07-08
|
|
1260
|
+
|
|
1261
|
+
### Fixed
|
|
1262
|
+
|
|
1263
|
+
- Fixing `positionTransition` on server-side.
|
|
1264
|
+
|
|
1265
|
+
## [1.1.2] 2019-07-08
|
|
1266
|
+
|
|
1267
|
+
### Fixed
|
|
1268
|
+
|
|
1269
|
+
- Upgrade to `AnimatePresence` algo.
|
|
1270
|
+
|
|
1271
|
+
## [1.1.1] 2019-07-05
|
|
1272
|
+
|
|
1273
|
+
### Changed
|
|
1274
|
+
|
|
1275
|
+
- Moving UMD global from `FramerMotion` to `Motion`.
|
|
1276
|
+
- Removed `@emotion/is-valid-prop`, saving ~1.9kb from bundle.
|
|
1277
|
+
- Using a slimmed-down version of Popmotion, saving ~3kb from bundle.
|
|
1278
|
+
- Removing `async` markers, saving ~0.7kb from bundle.
|
|
1279
|
+
|
|
1280
|
+
### Fixed
|
|
1281
|
+
|
|
1282
|
+
- Cancelling `drag` and `pan` gestures on component unmount.
|
|
1283
|
+
- Previously unseen props in `animate` animate correctly.
|
|
1284
|
+
- Fixing reading SVG attributes from DOM.
|
|
1285
|
+
- Fixed unit type conversion not working with previously-undefined values.
|
|
1286
|
+
- Calling `onAnimationComplete` when `while` overrides are unset.
|
|
1287
|
+
- Preventing initial animation if `animate` is a map of props and `initial={false}`. This went previously unseen as both values were equivalent, but `onAnimationComplete` would fire on mount.
|
|
1288
|
+
|
|
1289
|
+
## [1.1.0] 2019-07-03
|
|
1290
|
+
|
|
1291
|
+
### Added
|
|
1292
|
+
|
|
1293
|
+
- `AnimatePresence` component for controlling mount/unmount animations.
|
|
1294
|
+
- `positionTransition` prop for animating when the layout of a component changes.
|
|
1295
|
+
|
|
1296
|
+
## [1.0.5] 2019-07-02
|
|
1297
|
+
|
|
1298
|
+
### Fixed
|
|
1299
|
+
|
|
1300
|
+
- Fixing SVG path props.
|
|
1301
|
+
|
|
1302
|
+
## [1.0.4] 2019-07-01
|
|
1303
|
+
|
|
1304
|
+
### Fixed
|
|
1305
|
+
|
|
1306
|
+
- Moving SVG path props to `MotionStyle` type.
|
|
1307
|
+
- Changing `MakeMotion` to accept either `MotionValue<string>` OR `MotionValue<number>`.
|
|
1308
|
+
|
|
1309
|
+
## [1.0.3] 2019-07-01
|
|
1310
|
+
|
|
1311
|
+
### Fixed
|
|
1312
|
+
|
|
1313
|
+
- Moving `dragConstraints` to a ref if a component re-renders mid gesture.
|
|
1314
|
+
- Only applying `dragConstraints` on render if component isn't currently dragging.
|
|
1315
|
+
|
|
1316
|
+
## [1.0.2] 2019-06-28
|
|
1317
|
+
|
|
1318
|
+
### Fixed
|
|
1319
|
+
|
|
1320
|
+
- Making `when` type more permissive for passing in implicitly typed, pre-defined `variants`.
|
|
1321
|
+
- Not blocking default browser behaviour when dragging is initiated on draggable element's `select`, `input`, `textarea` elements.
|
|
1322
|
+
|
|
1323
|
+
## [1.0.1] 2019-06-27
|
|
1324
|
+
|
|
1325
|
+
### Fixed
|
|
1326
|
+
|
|
1327
|
+
- Fixing `useSpring` unsubscriptions.
|
|
1328
|
+
|
|
1329
|
+
## [1.0.0] 2019-06-26
|
|
1330
|
+
|
|
1331
|
+
### Added
|
|
1332
|
+
|
|
1333
|
+
- Improved SVG support.
|
|
1334
|
+
|
|
1335
|
+
## [0.20.2] 2019-06-20
|
|
1336
|
+
|
|
1337
|
+
### Fixed
|
|
1338
|
+
|
|
1339
|
+
- Ensuring each `MotionValue` receives one `MotionValuesMap` update subscriber.
|
|
1340
|
+
|
|
1341
|
+
## [0.20.1] 2019-06-20
|
|
1342
|
+
|
|
1343
|
+
### Fixed
|
|
1344
|
+
|
|
1345
|
+
- Adding `x`/`y` `MotionValue`s to the `useDrag` dependency list.
|
|
1346
|
+
- Ensure hover events only fire as a result of mouse interactions.
|
|
1347
|
+
|
|
1348
|
+
## [0.20.0] 2019-06-18
|
|
1349
|
+
|
|
1350
|
+
### Feature
|
|
1351
|
+
|
|
1352
|
+
- Allowing SVG `motion` components to accept `MotionValue`s via attributes.
|
|
1353
|
+
- Adding SVG attribute types to `Target`.
|
|
1354
|
+
|
|
1355
|
+
## [0.19.2] 2019-06-13
|
|
1356
|
+
|
|
1357
|
+
### Fixed
|
|
1358
|
+
|
|
1359
|
+
- Detecting `originZ` as a `transform-origin` value.
|
|
1360
|
+
|
|
1361
|
+
## [0.19.1] 2019-06-13
|
|
1362
|
+
|
|
1363
|
+
### Added
|
|
1364
|
+
|
|
1365
|
+
- `initial={false}` to shadow contents of `animate` thereby disabling on mount animation.
|
|
1366
|
+
- `AnimationControls.set` for imperative setting of values.
|
|
1367
|
+
|
|
1368
|
+
### Fixed
|
|
1369
|
+
|
|
1370
|
+
- Resolve animations only after a defined `delay` to ensure `velocity` is only resolved as an animation begins on a value.
|
|
1371
|
+
|
|
1372
|
+
## [0.19.0] 2019-06-13
|
|
1373
|
+
|
|
1374
|
+
### Upgraded
|
|
1375
|
+
|
|
1376
|
+
- `stylefire@5.0.0` - Changes `originX`/`Y` default to `"50%"`.
|
|
1377
|
+
|
|
1378
|
+
## [0.18.6] 2019-06-13
|
|
1379
|
+
|
|
1380
|
+
### Added
|
|
1381
|
+
|
|
1382
|
+
- Production and prototype environment-specific tsdocs.
|
|
1383
|
+
|
|
1384
|
+
## [0.18.5] 2019-06-07
|
|
1385
|
+
|
|
1386
|
+
### Fixed
|
|
1387
|
+
|
|
1388
|
+
- Properly cleaning up event listeners in tap gesture.
|
|
1389
|
+
- Only starting pan gesture when pointer has moved more than one point.
|
|
1390
|
+
- Applying `transformPagePoint` to `dragConstraints` when it's a `RefObject<Element>` to ensure it works in scaled environments.
|
|
1391
|
+
- Fixing `dragElastic` behaviour when `dragMomentum={false}`.
|
|
1392
|
+
|
|
1393
|
+
## [0.18.4] 2019-05-30
|
|
1394
|
+
|
|
1395
|
+
### Fixed
|
|
1396
|
+
|
|
1397
|
+
- Preventing default browser behaviours on draggable elements.
|
|
1398
|
+
|
|
1399
|
+
## [0.18.3] 2019-05-30
|
|
1400
|
+
|
|
1401
|
+
### Fixed
|
|
1402
|
+
|
|
1403
|
+
- Fixing drag when a multitouch gesture starts.
|
|
1404
|
+
|
|
1405
|
+
## [0.18.2] 2019-05-22
|
|
1406
|
+
|
|
1407
|
+
### Fixed
|
|
1408
|
+
|
|
1409
|
+
- Application of `delay`.
|
|
1410
|
+
|
|
1411
|
+
## [0.18.1] 2019-05-21
|
|
1412
|
+
|
|
1413
|
+
### Fixed
|
|
1414
|
+
|
|
1415
|
+
- Fixed regex detection for fallbacks containing a decimal.
|
|
1416
|
+
|
|
1417
|
+
## [0.18.0] 2019-05-21
|
|
1418
|
+
|
|
1419
|
+
### Added
|
|
1420
|
+
|
|
1421
|
+
- `dragConstraints` can now be set as a `React.RefObject`.
|
|
1422
|
+
|
|
1423
|
+
### Fixed
|
|
1424
|
+
|
|
1425
|
+
- Support CSS variables with metadata
|
|
1426
|
+
- Fixing circular CSS dependencies
|
|
1427
|
+
|
|
1428
|
+
## [0.17.2] 2019-05-15
|
|
1429
|
+
|
|
1430
|
+
### Fixed
|
|
1431
|
+
|
|
1432
|
+
- Even if a `motion` component **wasn't** inheriting variant changes, it'd still register with its parent, meaning it'd be considered during stagger duration calculations.
|
|
1433
|
+
- Only firing `onDragEnd` if dragging has actually happened.
|
|
1434
|
+
|
|
1435
|
+
## [0.17.1] 2019-05-13
|
|
1436
|
+
|
|
1437
|
+
### Fixed
|
|
1438
|
+
|
|
1439
|
+
- `dragTransition` now listed as a `useDraggable` dependency.
|
|
1440
|
+
|
|
1441
|
+
## [0.17.0] 2019-05-09
|
|
1442
|
+
|
|
1443
|
+
### Added
|
|
1444
|
+
|
|
1445
|
+
- Experimental `useAnimatedState` Hook for animating arbitrary values.
|
|
1446
|
+
|
|
1447
|
+
## [0.16.11] 2019-05-08
|
|
1448
|
+
|
|
1449
|
+
### Fixed
|
|
1450
|
+
|
|
1451
|
+
- Disabling the animation of `zIndex`.
|
|
1452
|
+
- Making components without variants or animation-controlling props invisible to `staggerChildren`.
|
|
1453
|
+
|
|
1454
|
+
## [0.16.10] 2019-05-07
|
|
1455
|
+
|
|
1456
|
+
### Updated
|
|
1457
|
+
|
|
1458
|
+
- API
|
|
1459
|
+
|
|
1460
|
+
### Fixed
|
|
1461
|
+
|
|
1462
|
+
- Variant propagation when rerendering children
|
|
1463
|
+
|
|
1464
|
+
## [0.16.9] 2019-05-07
|
|
1465
|
+
|
|
1466
|
+
### Fixed
|
|
1467
|
+
|
|
1468
|
+
- Using `transition` and `transitionEnd` as direct values on the `animate` prop on subsequent renders.
|
|
1469
|
+
- Rounding `zIndex`.
|
|
1470
|
+
- `AnimationControls.start` now accepts the same `AnimationDefinition` as `ValueAnimationControls.start`.
|
|
1471
|
+
|
|
1472
|
+
## [0.16.8] 2019-05-06
|
|
1473
|
+
|
|
1474
|
+
### Fixed
|
|
1475
|
+
|
|
1476
|
+
- Cancelling pan gesture when the move events have no mouse button.
|
|
1477
|
+
|
|
1478
|
+
## [0.16.7] 2019-05-06
|
|
1479
|
+
|
|
1480
|
+
### Fixed
|
|
1481
|
+
|
|
1482
|
+
- Fixing propagation of unsetting variant overrides.
|
|
1483
|
+
- Making variant inheritance more permissive.
|
|
1484
|
+
|
|
1485
|
+
## [0.16.6] 2019-05-02
|
|
1486
|
+
|
|
1487
|
+
### Fixed
|
|
1488
|
+
|
|
1489
|
+
- Improved handling of attempting to animate between non-animatable and animatable values.
|
|
1490
|
+
|
|
1491
|
+
## [0.16.5] 2019-05-01
|
|
1492
|
+
|
|
1493
|
+
### Added
|
|
1494
|
+
|
|
1495
|
+
- Adds array and object support to `transform`.
|
|
1496
|
+
|
|
1497
|
+
### Fixed
|
|
1498
|
+
|
|
1499
|
+
- Makes boxShadow and other complex value type support more robust.
|
|
1500
|
+
- Fixing overwriting `transform`.
|
|
1501
|
+
|
|
1502
|
+
## [0.16.4] 2019-04-30
|
|
1503
|
+
|
|
1504
|
+
- Updating deps.
|
|
1505
|
+
|
|
1506
|
+
## [0.16.3] 2019-04-30
|
|
1507
|
+
|
|
1508
|
+
### Added
|
|
1509
|
+
|
|
1510
|
+
- `shadow` to `CustomValueTypes`.
|
|
1511
|
+
|
|
1512
|
+
## [0.16.2] 2019-04-30
|
|
1513
|
+
|
|
1514
|
+
### Fixed
|
|
1515
|
+
|
|
1516
|
+
- Fixed propagation of `initial` in `static` mode.
|
|
1517
|
+
- Fixing animations from values that are read as "none".
|
|
1518
|
+
|
|
1519
|
+
## [0.16.1] 2019-04-25
|
|
1520
|
+
|
|
1521
|
+
### Fixed
|
|
1522
|
+
|
|
1523
|
+
- Filtering pointer events not from the primary pointer (ie non-left clicks for mouse).
|
|
1524
|
+
- Fixing drag in Android devices by adding aggressive viewport scroll blocking. This will need dialling back down when it comes to open sourcing Framer Motion so, for instance, a horizontal carousel doesn't block vertical scrolling.
|
|
1525
|
+
|
|
1526
|
+
## [0.16.0] 2019-04-19
|
|
1527
|
+
|
|
1528
|
+
### Added
|
|
1529
|
+
|
|
1530
|
+
- `custom` prop for dynamic variants.
|
|
1531
|
+
|
|
1532
|
+
### Removed
|
|
1533
|
+
|
|
1534
|
+
- `useAnimation` no longer takes `variants` or `defaultTransition` arguments (provide these to the component).
|
|
1535
|
+
|
|
1536
|
+
### Fixed
|
|
1537
|
+
|
|
1538
|
+
- Improving comparison for `animate` prop to account for keyframe arrays.
|
|
1539
|
+
- Adding drag point in `onDragStart` and `onDragEnd` callbacks.
|
|
1540
|
+
|
|
1541
|
+
## [0.15.2] 2019-04-17
|
|
1542
|
+
|
|
1543
|
+
### Added
|
|
1544
|
+
|
|
1545
|
+
- Support for CSS variables.
|
|
1546
|
+
|
|
1547
|
+
### Fixed
|
|
1548
|
+
|
|
1549
|
+
- `onDragEnd` not returning transformed point.
|
|
1550
|
+
- Fixing use of `variants` prop with `useAnimation`.
|
|
1551
|
+
|
|
1552
|
+
## [0.15.1] 2019-04-16
|
|
1553
|
+
|
|
1554
|
+
### Added
|
|
1555
|
+
|
|
1556
|
+
- `HTMLMotionProps` and `SVGMotionProps`.
|
|
1557
|
+
|
|
1558
|
+
## [0.15.0] 2019-04-16
|
|
1559
|
+
|
|
1560
|
+
### Added
|
|
1561
|
+
|
|
1562
|
+
- `onPanSessionStart` event handler.
|
|
1563
|
+
|
|
1564
|
+
### Changed
|
|
1565
|
+
|
|
1566
|
+
- `useViewportScrollValues` => `useViewportScroll`.
|
|
1567
|
+
|
|
1568
|
+
### Added
|
|
1569
|
+
|
|
1570
|
+
- `ease` can now be an array for keyframes animations.
|
|
1571
|
+
|
|
1572
|
+
### Removed
|
|
1573
|
+
|
|
1574
|
+
- `easings` prop.
|
|
1575
|
+
|
|
1576
|
+
## [0.14.3] 2019-04-12
|
|
1577
|
+
|
|
1578
|
+
### Fixed
|
|
1579
|
+
|
|
1580
|
+
- Only firing `value.onChange` when value actually changes.
|
|
1581
|
+
|
|
1582
|
+
## [0.14.2] 2019-04-11
|
|
1583
|
+
|
|
1584
|
+
### Fixed
|
|
1585
|
+
|
|
1586
|
+
- Updating `hey-listen`.
|
|
1587
|
+
|
|
1588
|
+
## [0.14.1] 2019-04-11
|
|
1589
|
+
|
|
1590
|
+
### Added
|
|
1591
|
+
|
|
1592
|
+
- Explicit support for the `radius` value.
|
|
1593
|
+
|
|
1594
|
+
## [0.14.0] 2019-04-10
|
|
1595
|
+
|
|
1596
|
+
### Changed
|
|
1597
|
+
|
|
1598
|
+
- Making special value support configurable
|
|
1599
|
+
|
|
1600
|
+
## [0.13.0] 2019-04-08
|
|
1601
|
+
|
|
1602
|
+
### Changed
|
|
1603
|
+
|
|
1604
|
+
- `useTransformedValue` => `useTransform`
|
|
1605
|
+
|
|
1606
|
+
### Added
|
|
1607
|
+
|
|
1608
|
+
- `transform(value, input, output, options)` overload.
|
|
1609
|
+
|
|
1610
|
+
## [0.12.2] 2019-04-08
|
|
1611
|
+
|
|
1612
|
+
### Changed
|
|
1613
|
+
|
|
1614
|
+
- Added new methods to `safeWindow` SSR window mocking.
|
|
1615
|
+
|
|
1616
|
+
### Fixed
|
|
1617
|
+
|
|
1618
|
+
- Deleting unused props from `style` object rather than setting to `undefined`. [#99](https://github.com/framer/motion/pull/99)
|
|
1619
|
+
|
|
1620
|
+
## [0.12.1] 2019-04-03
|
|
1621
|
+
|
|
1622
|
+
### Fixed
|
|
1623
|
+
|
|
1624
|
+
- `size` works with `while` gestures.
|
|
1625
|
+
|
|
1626
|
+
## [0.12.0] 2019-04-03
|
|
1627
|
+
|
|
1628
|
+
### Changed
|
|
1629
|
+
|
|
1630
|
+
- `useCycle([...args])` -> `useCycle(...args)`
|
|
1631
|
+
|
|
1632
|
+
### Added
|
|
1633
|
+
|
|
1634
|
+
- `static` components reflect changes in `initial`.
|
|
1635
|
+
|
|
1636
|
+
### Fixed
|
|
1637
|
+
|
|
1638
|
+
- Dragging doesn't break during re-renders.
|
|
1639
|
+
- `useCycle` setter is independent from render cycle.
|
|
1640
|
+
|
|
1641
|
+
### Removed
|
|
1642
|
+
|
|
1643
|
+
- `useCycle` no longer has the ability to start at a different index.
|
|
1644
|
+
|
|
1645
|
+
## [0.11.1] 2019-04-02
|
|
1646
|
+
|
|
1647
|
+
### Added
|
|
1648
|
+
|
|
1649
|
+
- `onDragTransitionEnd`
|
|
1650
|
+
|
|
1651
|
+
### Upgraded
|
|
1652
|
+
|
|
1653
|
+
- Popmotion libraries.
|
|
1654
|
+
|
|
1655
|
+
## [0.11.0] 2019-04-01
|
|
1656
|
+
|
|
1657
|
+
### Changed
|
|
1658
|
+
|
|
1659
|
+
- `value.addUpdateSubscription` => `value.onChange`
|
|
1660
|
+
- `value.addRenderSubscription` => `value.onRenderRequest` (and made internal)
|
|
1661
|
+
|
|
1662
|
+
### Upgraded
|
|
1663
|
+
|
|
1664
|
+
- `popmotion@8.6.5`
|
|
1665
|
+
|
|
1666
|
+
### Fixed
|
|
1667
|
+
|
|
1668
|
+
- Variants propagate to children even if not present on parent.
|
|
1669
|
+
|
|
1670
|
+
## [0.10.2] 2019-03-27
|
|
1671
|
+
|
|
1672
|
+
### Changed
|
|
1673
|
+
|
|
1674
|
+
- Updating docs to avoid single-letter `event` vars.
|
|
1675
|
+
|
|
1676
|
+
## [0.10.1] 2019-03-27
|
|
1677
|
+
|
|
1678
|
+
### Fixed
|
|
1679
|
+
|
|
1680
|
+
- Fixing `TargetAndTransform` type to omit CSS-native `rotate` property.
|
|
1681
|
+
|
|
1682
|
+
## [0.10.0] 2019-03-26
|
|
1683
|
+
|
|
1684
|
+
### Changed
|
|
1685
|
+
|
|
1686
|
+
- `press` -> `whileTap`
|
|
1687
|
+
- `hover` -> `whileHover`
|
|
1688
|
+
|
|
1689
|
+
## [0.9.4] 2019-03-26
|
|
1690
|
+
|
|
1691
|
+
### Fixed
|
|
1692
|
+
|
|
1693
|
+
- Fixing HTML types.
|
|
1694
|
+
|
|
1695
|
+
## [0.9.3] 2019-03-25
|
|
1696
|
+
|
|
1697
|
+
### Added
|
|
1698
|
+
|
|
1699
|
+
- Exporting `MotionTransform` type.
|
|
1700
|
+
|
|
1701
|
+
## [0.9.2] 2019-03-22
|
|
1702
|
+
|
|
1703
|
+
### Added
|
|
1704
|
+
|
|
1705
|
+
- Added support for `CustomValueType` in `unwrapMotionValue`.
|
|
1706
|
+
|
|
1707
|
+
## [0.9.0] 2019-03-22
|
|
1708
|
+
|
|
1709
|
+
### Added
|
|
1710
|
+
|
|
1711
|
+
- Added `dragDirectionLock` prop.
|
|
1712
|
+
|
|
1713
|
+
### Removed
|
|
1714
|
+
|
|
1715
|
+
- `"lockDirection"` from `dragEnabled`.
|
|
1716
|
+
|
|
1717
|
+
### Changed
|
|
1718
|
+
|
|
1719
|
+
- Renamed `dragEnabled` to `drag`.
|
|
1720
|
+
|
|
1721
|
+
## [0.8.8] 2019-03-20
|
|
1722
|
+
|
|
1723
|
+
## [0.8.7] 2019-03-20
|
|
1724
|
+
|
|
1725
|
+
### Added
|
|
1726
|
+
|
|
1727
|
+
- Adding `transition` argument to `animation.start()`.
|
|
1728
|
+
|
|
1729
|
+
### Fixed
|
|
1730
|
+
|
|
1731
|
+
- No longer fire tap gesture if parent is dragging.
|
|
1732
|
+
- Adjusting default `inertia` settings to more naturally incorporate velocity.
|
|
1733
|
+
- Killing drag momentum on subsequent `pressDown`.
|
|
1734
|
+
- Preventing pan velocity from adjusting draggable parents that have not received `dragPropagation`.
|
|
1735
|
+
- Updating of `dragConstraints` repositions the draggable element to adhere to the new values
|
|
1736
|
+
|
|
1737
|
+
## [0.8.6] 2019-03-19
|
|
1738
|
+
|
|
1739
|
+
### Added
|
|
1740
|
+
|
|
1741
|
+
- `Point.relativeTo`
|
|
1742
|
+
- `transform`
|
|
1743
|
+
|
|
1744
|
+
### Fixed
|
|
1745
|
+
|
|
1746
|
+
- Statefull style bug.
|
|
1747
|
+
- Fixing `Promise` resolution with `animate.start()` when fired pre-mount.
|
|
1748
|
+
|
|
1749
|
+
## [0.8.5] 2019-03-15
|
|
1750
|
+
|
|
1751
|
+
### Fix
|
|
1752
|
+
|
|
1753
|
+
- Blocking extra gesture props from being passed to DOM.
|
|
1754
|
+
- Upgrading `@popmotion/popcorn` to fix Jest bug.
|
|
1755
|
+
|
|
1756
|
+
## [0.8.4] 2019-03-15
|
|
1757
|
+
|
|
1758
|
+
### Fix
|
|
1759
|
+
|
|
1760
|
+
- Fixing `style` set as `null`.
|
|
1761
|
+
|
|
1762
|
+
## [0.8.3] 2019-03-14
|
|
1763
|
+
|
|
1764
|
+
### Update
|
|
1765
|
+
|
|
1766
|
+
- Adding support for custom values.
|
|
1767
|
+
|
|
1768
|
+
## [0.8.2] 2019-03-14
|
|
1769
|
+
|
|
1770
|
+
### Update
|
|
1771
|
+
|
|
1772
|
+
- Updating tsdocs for `MotionValue`.
|
|
1773
|
+
|
|
1774
|
+
## [0.8.1] 2019-03-12
|
|
1775
|
+
|
|
1776
|
+
### Update
|
|
1777
|
+
|
|
1778
|
+
- Updating dependencies.
|
|
1779
|
+
|
|
1780
|
+
## [0.8.0] 2019-03-12
|
|
1781
|
+
|
|
1782
|
+
### Changed
|
|
1783
|
+
|
|
1784
|
+
- `originX`, `originY`, `pathLength`, `pathOffset` changed from percent to progress value types.
|
|
1785
|
+
|
|
1786
|
+
## [0.7.5] 2019-03-11
|
|
1787
|
+
|
|
1788
|
+
### Added
|
|
1789
|
+
|
|
1790
|
+
- Exporting `AnimationControls`.
|
|
1791
|
+
|
|
1792
|
+
## [0.7.4] 2019-03-11
|
|
1793
|
+
|
|
1794
|
+
### Added
|
|
1795
|
+
|
|
1796
|
+
- Exporting `animationControls` and `motionValue` for internal use.
|
|
1797
|
+
|
|
1798
|
+
## [0.7.3] 2019-03-08
|
|
1799
|
+
|
|
1800
|
+
### Added
|
|
1801
|
+
|
|
1802
|
+
- Passing `panInfo` through to `onDragStart` and `onDragEnd`.
|
|
1803
|
+
|
|
1804
|
+
## [0.7.2] 2019-03-07
|
|
1805
|
+
|
|
1806
|
+
### Fixed
|
|
1807
|
+
|
|
1808
|
+
- `easings` property on `keyframes` now maps correctly to easing functions.
|
|
1809
|
+
|
|
1810
|
+
## [0.7.1] 2019-03-07
|
|
1811
|
+
|
|
1812
|
+
### Fixed
|
|
1813
|
+
|
|
1814
|
+
- Enforcing keyframes animation if target is array.
|
|
1815
|
+
- Orchestration props in `transition` prop weren't being respected by variants with no `transition` of their own.
|
|
1816
|
+
|
|
1817
|
+
## [0.7.0] 2019-03-07
|
|
1818
|
+
|
|
1819
|
+
### Added
|
|
1820
|
+
|
|
1821
|
+
- Animation targets can be set as `keyframes`.
|
|
1822
|
+
|
|
1823
|
+
## [0.6.8] 2019-03-05
|
|
1824
|
+
|
|
1825
|
+
### Fixed
|
|
1826
|
+
|
|
1827
|
+
- Updating `dragConstraints` when they change.
|
|
1828
|
+
|
|
1829
|
+
## [0.6.7] 2019-03-04
|
|
1830
|
+
|
|
1831
|
+
### Updated
|
|
1832
|
+
|
|
1833
|
+
- Removing GPU-acceleration for `static` components.
|
|
1834
|
+
- Adding `customStyles` plugin.
|
|
1835
|
+
|
|
1836
|
+
## [0.6.6] 2019-02-29
|
|
1837
|
+
|
|
1838
|
+
### Updated
|
|
1839
|
+
|
|
1840
|
+
- `stylefire@2.4.3`
|
|
1841
|
+
|
|
1842
|
+
## [0.6.4] 2019-02-22
|
|
1843
|
+
|
|
1844
|
+
### Added
|
|
1845
|
+
|
|
1846
|
+
- Exporting `MotionContext`.
|
|
1847
|
+
|
|
1848
|
+
### Update
|
|
1849
|
+
|
|
1850
|
+
- Updated `popmotion@8.6.3` to improve synchronisation across tweens when yoyoing.
|
|
1851
|
+
|
|
1852
|
+
## [0.6.3] 2019-02-21
|
|
1853
|
+
|
|
1854
|
+
### Fixed
|
|
1855
|
+
|
|
1856
|
+
- If `transformPagePoint` is present, transforming initial point.
|
|
1857
|
+
|
|
1858
|
+
## [0.6.2] 2019-02-21
|
|
1859
|
+
|
|
1860
|
+
### Fixed
|
|
1861
|
+
|
|
1862
|
+
- Recognising `press` when it's the lone gesture.
|
|
1863
|
+
|
|
1864
|
+
## [0.6.1] 2019-02-20
|
|
1865
|
+
|
|
1866
|
+
### Fixed
|
|
1867
|
+
|
|
1868
|
+
- Fixed an issue where values set to `style` would overwrite `animate` values even if they hadn't changed.
|
|
1869
|
+
|
|
1870
|
+
## [0.6.0] 2019-02-20
|
|
1871
|
+
|
|
1872
|
+
### Added
|
|
1873
|
+
|
|
1874
|
+
- `static` prop. Set `static` on a motion component to prevent animation and interaction.
|
|
1875
|
+
|
|
1876
|
+
### Removed
|
|
1877
|
+
|
|
1878
|
+
- `render`
|
|
1879
|
+
|
|
1880
|
+
## [0.5.2] 2019-02-20
|
|
1881
|
+
|
|
1882
|
+
### Fixed
|
|
1883
|
+
|
|
1884
|
+
- Animating unit-converting values on mount.
|
|
1885
|
+
|
|
1886
|
+
## [0.5.1] 2019-02-19
|
|
1887
|
+
|
|
1888
|
+
### Added
|
|
1889
|
+
|
|
1890
|
+
- Exporting `MotionComponents`, `CustomMotionComponent`, `HTMLMotionComponents` and `SVGMotionComponents` types.
|
|
1891
|
+
- Exporting `safeWindow`.
|
|
1892
|
+
|
|
1893
|
+
## [0.5.0] 2019-02-19
|
|
1894
|
+
|
|
1895
|
+
### Added
|
|
1896
|
+
|
|
1897
|
+
- `onDrag` event listener
|
|
1898
|
+
- Exporting `MotionStyles` type.
|
|
1899
|
+
|
|
1900
|
+
### Changed
|
|
1901
|
+
|
|
1902
|
+
- `tap` -> `press`
|
|
1903
|
+
|
|
1904
|
+
## [0.4.5] 2019-02-15
|
|
1905
|
+
|
|
1906
|
+
### Fixed
|
|
1907
|
+
|
|
1908
|
+
- Fixing `originX` and `originY` SSR.
|
|
1909
|
+
- Updating `style` props to overwrite CSS `rotate`, `scale` and `perspective`.
|
|
1910
|
+
|
|
1911
|
+
## [0.4.3] 2019-02-14
|
|
1912
|
+
|
|
1913
|
+
### Fixed
|
|
1914
|
+
|
|
1915
|
+
- Rendering `initial` properties via Stylefire when component mounts to ensure its in-sync with all transform values set in `initial` that might not later be rendered.
|
|
1916
|
+
- Exporting `htmlElements`, `svgElements` and `createMotionComponent` as their exclusion was causing errors with the output declaration file.
|
|
1917
|
+
|
|
1918
|
+
## [0.4.2] 2019-02-14
|
|
1919
|
+
|
|
1920
|
+
### Changed
|
|
1921
|
+
|
|
1922
|
+
- Exporting `useExternalRef`.
|
|
1923
|
+
|
|
1924
|
+
## [0.4.1] 2019-02-13
|
|
1925
|
+
|
|
1926
|
+
### Changed
|
|
1927
|
+
|
|
1928
|
+
- Simplifying inline tsdocs.
|
|
1929
|
+
|
|
1930
|
+
## [0.4.0] 2019-02-12
|
|
1931
|
+
|
|
1932
|
+
### Changed
|
|
1933
|
+
|
|
1934
|
+
- Standardizing `(event, pointInfo)` as signature for gesture callbacks.
|
|
1935
|
+
|
|
1936
|
+
### Fixed
|
|
1937
|
+
|
|
1938
|
+
- Gesture priority bugs
|
|
1939
|
+
|
|
1940
|
+
## [0.3.2] 2019-02-08
|
|
1941
|
+
|
|
1942
|
+
### Changed
|
|
1943
|
+
|
|
1944
|
+
- Added TSDocs for `useCycle`
|
|
1945
|
+
|
|
1946
|
+
## [0.3.0] 2019-02-05
|
|
1947
|
+
|
|
1948
|
+
### Changed
|
|
1949
|
+
|
|
1950
|
+
- `duration` and `delay` are now defined as seconds.
|
|
1951
|
+
- `tapActive` -> `tap`
|
|
1952
|
+
- `hoverActive` -> `hover`
|
|
1953
|
+
- `drag` -> `dragEnabled`
|