Cleaning branch

Author: mattgperry

dev/examples/Events-whileHover-unit-conversion.tsx

@@ -11,18 +11,20 @@ const style = {
     background: "white",
 }
 
-export const App = () => {
-    const [translateX, setTranslateX] = React.useState("0%")
-
-    React.useEffect(() => {
-        setTimeout(() => setTranslateX("50%"), 1000)
-    }, [])
+const container = {
+    hidden: { width: 10 },
+    visible: {
+        width: "100%",
+    },
+}
 
+export const App = () => {
     return (
         <motion.div
-            onUpdate={console.log}
-            animate={{ translateX }}
-            style={{ ...style }}
+            variants={container}
+            initial="hidden"
+            whileHover="visible"
+            style={style}
         />
     )
 }

packages/framer-motion/src/animation/animators/js/index.ts

@@ -94,8 +94,6 @@ export function animateValue<V = number>({
         keyframes = [0, 100] as any
     }
 
-    console.log(keyframes)
-
     const generator = generatorFactory({ ...options, keyframes })
 
     let mirroredGenerator: KeyframeGenerator<unknown> | undefined

packages/framer-motion/src/animation/interfaces/visual-element-target.ts

@@ -53,8 +53,6 @@ export function animateTarget(
         const value = visualElement.getValue(key)
         const valueTarget = target[key]
 
-        console.log(value?.get())
-
         if (
             !value ||
             valueTarget === undefined ||

packages/framer-motion/src/render/dom/DOMVisualElement.ts

@@ -42,7 +42,7 @@ export abstract class DOMVisualElement<
         isMounted: boolean
     ): TargetAndTransition {
         let origin = getOrigin(target as any, transition || {}, this)
-        console.log({ origin })
+
         /**
          * If Framer has provided a function to convert `Color` etc value types, convert them
          */

packages/framer-motion/src/render/html/HTMLVisualElement.ts

@@ -32,7 +32,6 @@ export class HTMLVisualElement extends DOMVisualElement<
     ): string | number | null | undefined {
         if (transformProps.has(key)) {
             const defaultType = getDefaultValueType(key)
-            console.log(key, defaultType)
             return defaultType ? defaultType.default || 0 : 0
         } else {
             const computedStyle = getComputedStyle(instance)