framer-motion 8.3.3 → 8.4.0

package/dist/cjs/index.js

@@ -588,8 +588,8 @@ const scale = {
 // to avoid exponents
 const sanitize = (v) => Math.round(v * 100000) / 100000;
 const floatRegex = /(-)?([\d]*\.?[\d])+/g;
-const colorRegex = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
-const singleColorRegex = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+const colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
+const singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
 function isString(v) {
     return typeof v === "string";
 }
@@ -2072,7 +2072,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.3.3";
+        this.version = "8.4.0";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -5928,7 +5928,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 may not work as expected.`);
+                warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -9932,6 +9932,7 @@ exports.easeIn = easeIn;
 exports.easeInOut = easeInOut;
 exports.easeOut = easeOut;
 exports.filterProps = filterProps;
+exports.frameData = frameData;
 exports.isBrowser = isBrowser;
 exports.isDragActive = isDragActive;
 exports.isMotionComponent = isMotionComponent;
@@ -9947,6 +9948,7 @@ exports.pipe = pipe;
 exports.resolveMotionValue = resolveMotionValue;
 exports.spring = spring;
 exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;
+exports.sync = sync;
 exports.transform = transform;
 exports.unwrapMotionComponent = unwrapMotionComponent;
 exports.useAnimation = useAnimation;

package/dist/es/index.mjs

@@ -50,6 +50,8 @@ export { distance, distance2D } from './utils/distance.mjs';
 export { mix } from './utils/mix.mjs';
 export { pipe } from './utils/pipe.mjs';
 export { wrap } from './utils/wrap.mjs';
+export { sync } from './frameloop/index.mjs';
+export { frameData } from './frameloop/data.mjs';
 export { startOptimizedAppearAnimation } from './animation/optimized-appear/start.mjs';
 export { optimizedAppearDataAttribute } from './animation/optimized-appear/data-id.mjs';
 export { spring } from './animation/legacy-popmotion/spring.mjs';

package/dist/es/render/utils/motion-values.mjs

@@ -22,7 +22,7 @@ function updateMotionValuesFromProps(element, next, prev) {
              * and warn against mismatches.
              */
             if (process.env.NODE_ENV === "development") {
-                warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 may not work as expected.`);
+                warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {

package/dist/es/value/index.mjs

@@ -25,7 +25,7 @@ class MotionValue {
          * This will be replaced by the build step with the latest version number.
          * When MotionValues are provided to motion components, warn if versions are mixed.
          */
-        this.version = "8.3.3";
+        this.version = "8.4.0";
         /**
          * Duration, in milliseconds, since last updating frame.
          *

package/dist/es/value/types/utils.mjs

@@ -6,8 +6,8 @@
 // to avoid exponents
 const sanitize = (v) => Math.round(v * 100000) / 100000;
 const floatRegex = /(-)?([\d]*\.?[\d])+/g;
-const colorRegex = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
-const singleColorRegex = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+const colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
+const singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
 function isString(v) {
     return typeof v === "string";
 }

package/dist/framer-motion.dev.js

@@ -586,8 +586,8 @@
     // to avoid exponents
     const sanitize = (v) => Math.round(v * 100000) / 100000;
     const floatRegex = /(-)?([\d]*\.?[\d])+/g;
-    const colorRegex = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
-    const singleColorRegex = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+    const colorRegex = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi;
+    const singleColorRegex = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
     function isString$1(v) {
         return typeof v === "string";
     }
@@ -2070,7 +2070,7 @@
              * This will be replaced by the build step with the latest version number.
              * When MotionValues are provided to motion components, warn if versions are mixed.
              */
-            this.version = "8.3.3";
+            this.version = "8.4.0";
             /**
              * Duration, in milliseconds, since last updating frame.
              *
@@ -5941,7 +5941,7 @@
                  * and warn against mismatches.
                  */
                 {
-                    warnOnce(nextValue.version === "8.3.3", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.3.3 may not work as expected.`);
+                    warnOnce(nextValue.version === "8.4.0", `Attempting to mix Framer Motion versions ${nextValue.version} with 8.4.0 may not work as expected.`);
                 }
             }
             else if (isMotionValue(prevValue)) {
@@ -10551,6 +10551,7 @@
     exports.easeInOut = easeInOut;
     exports.easeOut = easeOut;
     exports.filterProps = filterProps;
+    exports.frameData = frameData;
     exports.isBrowser = isBrowser;
     exports.isDragActive = isDragActive;
     exports.isMotionComponent = isMotionComponent;
@@ -10566,6 +10567,7 @@
     exports.resolveMotionValue = resolveMotionValue;
     exports.spring = spring;
     exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;
+    exports.sync = sync;
     exports.transform = transform;
     exports.unwrapMotionComponent = unwrapMotionComponent;
     exports.useAnimation = useAnimation;