framer-motion 5.5.7 → 5.5.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/three-entry.js +1 -1
- package/dist/cjs/{use-motion-value-1c6ad062.js → use-motion-value-742e9825.js} +3 -0
- package/dist/es/render/html/utils/build-styles.mjs +3 -0
- package/dist/es/render/index.mjs +3 -0
- package/dist/framer-motion.dev.js +6 -0
- package/dist/framer-motion.js +1 -1
- package/dist/projection.dev.js +6 -0
- 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 +3 -3
package/dist/cjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
|
-
var useMotionValue = require('./use-motion-value-
|
|
6
|
+
var useMotionValue = require('./use-motion-value-742e9825.js');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var styleValueTypes = require('style-value-types');
|
|
9
9
|
var popmotion = require('popmotion');
|
|
@@ -274,6 +274,9 @@ function buildHTMLStyles(state, latestValues, options, transformTemplate) {
|
|
|
274
274
|
else if (transformTemplate) {
|
|
275
275
|
style.transform = transformTemplate({}, "");
|
|
276
276
|
}
|
|
277
|
+
else if (!latestValues.transform && style.transform) {
|
|
278
|
+
style.transform = "none";
|
|
279
|
+
}
|
|
277
280
|
if (hasTransformOrigin) {
|
|
278
281
|
style.transformOrigin = buildTransformOrigin(transformOrigin);
|
|
279
282
|
}
|
package/dist/cjs/three-entry.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
|
-
var useMotionValue = require('./use-motion-value-
|
|
6
|
+
var useMotionValue = require('./use-motion-value-742e9825.js');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var popmotion = require('popmotion');
|
|
9
9
|
var three = require('three');
|
|
@@ -4588,6 +4588,9 @@ var visualElement = function (_a) {
|
|
|
4588
4588
|
* added to our map, old ones removed, and listeners updated.
|
|
4589
4589
|
*/
|
|
4590
4590
|
setProps: function (newProps) {
|
|
4591
|
+
if (newProps.transformTemplate || props.transformTemplate) {
|
|
4592
|
+
element.scheduleRender();
|
|
4593
|
+
}
|
|
4591
4594
|
props = newProps;
|
|
4592
4595
|
lifecycles.updatePropListeners(newProps);
|
|
4593
4596
|
prevMotionValues = updateMotionValuesFromProps(element, scrapeMotionValuesFromProps(props), prevMotionValues);
|
|
@@ -61,6 +61,9 @@ function buildHTMLStyles(state, latestValues, options, transformTemplate) {
|
|
|
61
61
|
else if (transformTemplate) {
|
|
62
62
|
style.transform = transformTemplate({}, "");
|
|
63
63
|
}
|
|
64
|
+
else if (!latestValues.transform && style.transform) {
|
|
65
|
+
style.transform = "none";
|
|
66
|
+
}
|
|
64
67
|
if (hasTransformOrigin) {
|
|
65
68
|
style.transformOrigin = buildTransformOrigin(transformOrigin);
|
|
66
69
|
}
|
package/dist/es/render/index.mjs
CHANGED
|
@@ -349,6 +349,9 @@ var visualElement = function (_a) {
|
|
|
349
349
|
* added to our map, old ones removed, and listeners updated.
|
|
350
350
|
*/
|
|
351
351
|
setProps: function (newProps) {
|
|
352
|
+
if (newProps.transformTemplate || props.transformTemplate) {
|
|
353
|
+
element.scheduleRender();
|
|
354
|
+
}
|
|
352
355
|
props = newProps;
|
|
353
356
|
lifecycles.updatePropListeners(newProps);
|
|
354
357
|
prevMotionValues = updateMotionValuesFromProps(element, scrapeMotionValuesFromProps(props), prevMotionValues);
|
|
@@ -4506,6 +4506,9 @@
|
|
|
4506
4506
|
else if (transformTemplate) {
|
|
4507
4507
|
style.transform = transformTemplate({}, "");
|
|
4508
4508
|
}
|
|
4509
|
+
else if (!latestValues.transform && style.transform) {
|
|
4510
|
+
style.transform = "none";
|
|
4511
|
+
}
|
|
4509
4512
|
if (hasTransformOrigin) {
|
|
4510
4513
|
style.transformOrigin = buildTransformOrigin(transformOrigin);
|
|
4511
4514
|
}
|
|
@@ -7434,6 +7437,9 @@
|
|
|
7434
7437
|
* added to our map, old ones removed, and listeners updated.
|
|
7435
7438
|
*/
|
|
7436
7439
|
setProps: function (newProps) {
|
|
7440
|
+
if (newProps.transformTemplate || props.transformTemplate) {
|
|
7441
|
+
element.scheduleRender();
|
|
7442
|
+
}
|
|
7437
7443
|
props = newProps;
|
|
7438
7444
|
lifecycles.updatePropListeners(newProps);
|
|
7439
7445
|
prevMotionValues = updateMotionValuesFromProps(element, scrapeMotionValuesFromProps(props), prevMotionValues);
|