Socket
Socket
Sign inDemoInstall

framer-motion

Package Overview
Dependencies
Maintainers
24
Versions
1147
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

framer-motion - npm Package Compare versions

Comparing version 0.6.3 to 0.6.4

10

CHANGELOG.md

@@ -5,2 +5,12 @@ # Changelog

## [0.6.4] 2019-02-22
### Added
- Exporting `MotionContext`.
### Update
- Updated `popmotion@8.6.3` to improve synchronisation across tweens when yoyoing.
## [0.6.3] 2019-02-21

@@ -7,0 +17,0 @@

72

dist/framer-motion.d.ts

@@ -389,2 +389,12 @@ /// <reference types="react" />

/**
* An animation that decelerates a value based on its initial velocity,
* usually used to implement inertial scrolling.
*
* Optionally, `min` and `max` boundaries can be defined, and inertia
* will snap to these with a spring animation.
*
* This animation will automatically precalculate a target value,
* which can be modified with the `modifyTarget` property.
* This allows you to add snap-to-grid or similar functionality.
*
* @public

@@ -481,2 +491,10 @@ */

/**
* Keyframes tweens between multiple `values`.
*
* These tweens can be arranged using the `duration`, `easings`, and `times` properties.
*
* @internalremarks
* We could possibly make the `type` property redundant, if not for all animations
* then for this one quite easily.
*
* @public

@@ -685,2 +703,14 @@ */

*/
export declare const MotionContext: import("react").Context<MotionContextProps>;
declare type MotionContextProps = {
controls?: ComponentAnimationControls;
initial?: VariantLabels;
dragging?: boolean;
static?: boolean;
};
/**
* @internal
*/
export declare const MotionPluginContext: React.Context<Partial<MotionPlugins>>;

@@ -850,2 +880,4 @@

/**
* Options for orchestrating the timing of animations.
*
* @public

@@ -858,3 +890,3 @@ */

* @remarks
* ```
* ```javascript
* const transition = {

@@ -879,5 +911,25 @@ * delay: 0.2

* ```jsx
* const transition = {
* when: 'beforeChildren'
* const container = {
* hidden: {
* opacity: 0,
* // This will ensure all children animations
* // finish before this animation starts
* transition: { when: 'afterChildren' }
* }
* }
*
* const item = {
* hidden: { opacity: 0 }
* }
*
* return (
* <Frame
* variants={container}
* animate="hidden"
* >
* <Frame variants={item} />
* <Frame variants={item} />
* <Frame variants={item} />
* </Frame>
* )
* ```

@@ -977,2 +1029,4 @@ *

/**
* An animation that simulates velocity, acceleration, and friction.
*
* @public

@@ -1070,2 +1124,6 @@ */

/**
* An animation that simulates spring physics for realistic motion.
*
* This is the default animation for physical values like `x`, `y`, `scale` and `rotate`.
*
* @public

@@ -1267,3 +1325,6 @@ */

/**
* A duration-based animation.
* An animation that animates between two values over a specific duration of time.
*
* This is the default animation for non-physical values like `color` and `opacity`.
*
* @public

@@ -1276,3 +1337,4 @@ */

* @remarks
* If any `transition` properties are set, the selected animation will default to tween.
* If any non-orchestration `transition` values are set without a `type` prop,
* "tween" is used as the default animation.
*

@@ -1279,0 +1341,0 @@ * @public

4

package.json
{
"name": "framer-motion",
"version": "0.6.3",
"version": "0.6.4",
"main": "dist/framer-motion.cjs.js",

@@ -66,3 +66,3 @@ "module": "dist/framer-motion.es.js",

"hey-listen": "^1.0.5",
"popmotion": "^8.6.2",
"popmotion": "^8.6.3",
"style-value-types": "^3.0.7",

@@ -69,0 +69,0 @@ "stylefire": "2.4.0"

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc