framer-motion 4.1.2 → 4.1.3

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Framer Motion adheres to [Semantic Versioning](http://semver.org/).
 
+## [4.1.3] 2021-04-07
+
+### Fixed
+
+-   Animating to/between `0rem` and other non-specifically handled unit types.
+
 ## [4.1.2] 2021-04-01
 
 ### Fixed

package/dist/es/animation/utils/transitions.js

@@ -6,8 +6,6 @@ import { isAnimatable } from './is-animatable.js';
 import { getDefaultTransition } from './default-transitions.js';
 import { warning } from 'hey-listen';
 import { getAnimatableNone } from '../../render/dom/value-types/animatable-none.js';
-import { findDimensionValueType } from '../../render/dom/value-types/dimensions.js';
-import { getValueAsType } from '../../render/dom/value-types/get-as-type.js';
 
 /**
  * Decide whether a transition is defined on a given Transition.
@@ -168,7 +166,9 @@ function isZero(value) {
             value.indexOf(" ") === -1));
 }
 function getZeroUnit(potentialUnitType) {
-    return getValueAsType(0, findDimensionValueType(potentialUnitType));
+    return typeof potentialUnitType === "number"
+        ? 0
+        : getAnimatableNone("", potentialUnitType);
 }
 function getValueTransition(transition, key) {
     return transition[key] || transition["default"] || transition;

package/dist/framer-motion.cjs.js

@@ -1823,30 +1823,6 @@ function getAnimatableNone(key, value) {
     return (_a = defaultValueType.getAnimatableNone) === null || _a === void 0 ? void 0 : _a.call(defaultValueType, value);
 }
 
-/**
- * Tests a provided value against a ValueType
- */
-var testValueType = function (v) { return function (type) { return type.test(v); }; };
-
-/**
- * ValueType for "auto"
- */
-var auto = {
-    test: function (v) { return v === "auto"; },
-    parse: function (v) { return v; },
-};
-
-/**
- * A list of value types commonly used for dimensions
- */
-var dimensionValueTypes = [styleValueTypes.number, styleValueTypes.px, styleValueTypes.percent, styleValueTypes.degrees, styleValueTypes.vw, styleValueTypes.vh, auto];
-/**
- * Tests a dimensional value against the list of dimension ValueTypes
- */
-var findDimensionValueType = function (v) {
-    return dimensionValueTypes.find(testValueType(v));
-};
-
 /**
  * Decide whether a transition is defined on a given Transition.
  * This filters out orchestration options and returns true
@@ -2006,7 +1982,9 @@ function isZero(value) {
             value.indexOf(" ") === -1));
 }
 function getZeroUnit(potentialUnitType) {
-    return getValueAsType(0, findDimensionValueType(potentialUnitType));
+    return typeof potentialUnitType === "number"
+        ? 0
+        : getAnimatableNone("", potentialUnitType);
 }
 function getValueTransition(transition, key) {
     return transition[key] || transition["default"] || transition;
@@ -2424,6 +2402,30 @@ function motionValue(init) {
     return new MotionValue(init);
 }
 
+/**
+ * Tests a provided value against a ValueType
+ */
+var testValueType = function (v) { return function (type) { return type.test(v); }; };
+
+/**
+ * ValueType for "auto"
+ */
+var auto = {
+    test: function (v) { return v === "auto"; },
+    parse: function (v) { return v; },
+};
+
+/**
+ * A list of value types commonly used for dimensions
+ */
+var dimensionValueTypes = [styleValueTypes.number, styleValueTypes.px, styleValueTypes.percent, styleValueTypes.degrees, styleValueTypes.vw, styleValueTypes.vh, auto];
+/**
+ * Tests a dimensional value against the list of dimension ValueTypes
+ */
+var findDimensionValueType = function (v) {
+    return dimensionValueTypes.find(testValueType(v));
+};
+
 /**
  * A list of all ValueTypes
  */

package/dist/framer-motion.dev.js

@@ -3045,30 +3045,6 @@
         return (_a = defaultValueType.getAnimatableNone) === null || _a === void 0 ? void 0 : _a.call(defaultValueType, value);
     }
 
-    /**
-     * Tests a provided value against a ValueType
-     */
-    var testValueType = function (v) { return function (type) { return type.test(v); }; };
-
-    /**
-     * ValueType for "auto"
-     */
-    var auto = {
-        test: function (v) { return v === "auto"; },
-        parse: function (v) { return v; },
-    };
-
-    /**
-     * A list of value types commonly used for dimensions
-     */
-    var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
-    /**
-     * Tests a dimensional value against the list of dimension ValueTypes
-     */
-    var findDimensionValueType = function (v) {
-        return dimensionValueTypes.find(testValueType(v));
-    };
-
     /**
      * Decide whether a transition is defined on a given Transition.
      * This filters out orchestration options and returns true
@@ -3228,7 +3204,9 @@
                 value.indexOf(" ") === -1));
     }
     function getZeroUnit(potentialUnitType) {
-        return getValueAsType(0, findDimensionValueType(potentialUnitType));
+        return typeof potentialUnitType === "number"
+            ? 0
+            : getAnimatableNone("", potentialUnitType);
     }
     function getValueTransition(transition, key) {
         return transition[key] || transition["default"] || transition;
@@ -3646,6 +3624,30 @@
         return new MotionValue(init);
     }
 
+    /**
+     * Tests a provided value against a ValueType
+     */
+    var testValueType = function (v) { return function (type) { return type.test(v); }; };
+
+    /**
+     * ValueType for "auto"
+     */
+    var auto = {
+        test: function (v) { return v === "auto"; },
+        parse: function (v) { return v; },
+    };
+
+    /**
+     * A list of value types commonly used for dimensions
+     */
+    var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
+    /**
+     * Tests a dimensional value against the list of dimension ValueTypes
+     */
+    var findDimensionValueType = function (v) {
+        return dimensionValueTypes.find(testValueType(v));
+    };
+
     /**
      * A list of all ValueTypes
      */