Adding delay in seconds

CHANGELOG.md

@@ -4,6 +4,16 @@ Framer Motion adheres to [Semantic Versioning](http://semver.org/).
 
 Undocumented APIs should be considered internal and may change without warning.
 
+## [11.10.0] 2024-10-02
+
+### Added
+
+-   `delay` with seconds now exported from `"framer-motion/dom"`.
+
+### Fixed
+
+-   Values no longer added to `will-change` if animation has been skipped.
+
 ## [11.9.0] 2024-09-27
 
 ### Added

packages/framer-motion/src/dom.ts

@@ -31,7 +31,7 @@ export { keyframes } from "./animation/generators/keyframes"
 export { stagger } from "./animation/utils/stagger"
 export { transform } from "./utils/transform"
 export { clamp } from "./utils/clamp"
-export * from "./utils/delay"
+export { delayInSeconds as delay, DelayedFunction } from "./utils/delay"
 export * from "./utils/distance"
 export * from "./utils/errors"
 export * from "./utils/interpolate"

packages/framer-motion/src/index.ts

@@ -178,3 +178,6 @@ export { DeprecatedLayoutGroupContext } from "./context/DeprecatedLayoutGroupCon
 export { useAnimatedState as useDeprecatedAnimatedState } from "./animation/hooks/use-animated-state"
 export { useInvertedScale as useDeprecatedInvertedScale } from "./value/use-inverted-scale"
 export { AnimateSharedLayout } from "./components/AnimateSharedLayout"
+
+// Keep explict delay in milliseconds export for BC with Framer
+export { delay, DelayedFunction } from "./utils/delay"

packages/framer-motion/src/utils/delay.ts

@@ -1,6 +1,7 @@
 import { frame, cancelFrame } from "../frameloop"
 import { time } from "../frameloop/sync-time"
 import { FrameData } from "../frameloop/types"
+import { secondsToMilliseconds } from "./time-conversion"
 
 export type DelayedFunction = (overshoot: number) => void
 
@@ -23,3 +24,7 @@ export function delay(callback: DelayedFunction, timeout: number) {
 
     return () => cancelFrame(checkElapsed)
 }
+
+export function delayInSeconds(callback: DelayedFunction, timeout: number) {
+    return delay(callback, secondsToMilliseconds(timeout))
+}