motion - npm Package Compare versions

Comparing version 10.18.0 to 11.11.12

lib/index.js

@@ -1,4 +0,2 @@
-export * from "@motionone/dom";
-export * from "@motionone/types";
-export { animate } from "./animate";
+export * from "framer-motion/dom";
 //# sourceMappingURL=index.js.map

package.json

 {
-  "name": "motion",
-  "description": "A tiny, performant animation library for the web",
-  "version": "10.18.0",
-  "license": "MIT",
-  "author": "Matt Perry",
-  "main": "dist/main.cjs.js",
-  "module": "dist/main.es.js",
-  "types": "types/index.d.ts",
-  "keywords": [
-    "animation",
-    "motion",
-    "spring",
-    "tween",
-    "timeline",
-    "dom"
-  ],
-  "sideEffects": false,
-  "scripts": {
-    "build": "rimraf lib dist types && tsc -p . && rollup -c",
-    "test": "jest --coverage --config jest.config.js",
-    "dev": "concurrently -c blue,red -n tsc,rollup --kill-others \"tsc --watch -p . --preserveWatchOutput\" \"rollup --c --watch --no-watch.clearScreen\""
-  },
-  "dependencies": {
-    "@motionone/animation": "^10.18.0",
-    "@motionone/dom": "^10.18.0",
-    "@motionone/types": "^10.17.1",
-    "@motionone/utils": "^10.18.0"
-  },
-  "gitHead": "f357769434210262a664b8b736b61e1a615e95a7"
+    "name": "motion",
+    "version": "11.11.12",
+    "description": "An animation library for JavaScript and React.",
+    "main": "dist/cjs/index.js",
+    "module": "dist/es/index.mjs",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "require": "./dist/cjs/index.js",
+            "import": "./dist/es/index.mjs",
+            "default": "./dist/cjs/index.js"
+        },
+        "./react": {
+            "types": "./dist/dom-entry.d.ts",
+            "require": "./dist/cjs/dom-entry.js",
+            "import": "./dist/es/dom-entry.mjs",
+            "default": "./dist/cjs/dom-entry.js"
+        },
+        "./react-client": {
+            "types": "./dist/client-entry.d.ts",
+            "require": "./dist/cjs/client-entry.js",
+            "import": "./dist/es/client-entry.mjs",
+            "default": "./dist/cjs/client-entry.js"
+        },
+        "./react-m": {
+            "types": "./dist/m-entry.d.ts",
+            "require": "./dist/cjs/m-entry.js",
+            "import": "./dist/es/m-entry.mjs",
+            "default": "./dist/cjs/m-entry.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "types": "dist/index.d.ts",
+    "author": "Matt Perry",
+    "license": "MIT",
+    "repository": "https://github.com/framer/motion/",
+    "sideEffects": false,
+    "keywords": [
+        "javascript animation",
+        "react animation",
+        "react",
+        "three",
+        "3d",
+        "animation",
+        "gestures",
+        "drag",
+        "spring",
+        "popmotion",
+        "framer",
+        "waapi"
+    ],
+    "scripts": {
+        "build": "yarn clean && tsc -p . && rollup -c",
+        "dev": "concurrently -c blue,red -n tsc,rollup --kill-others \"tsc --watch -p . --preserveWatchOutput\" \"rollup --config --watch --no-watch.clearScreen\"",
+        "clean": "rm -rf types dist lib",
+        "prepack": "yarn build",
+        "postpublish": "git push --tags"
+    },
+    "dependencies": {
+        "framer-motion": "^11.11.12",
+        "tslib": "^2.4.0"
+    },
+    "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+    },
+    "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+            "optional": true
+        },
+        "react": {
+            "optional": true
+        },
+        "react-dom": {
+            "optional": true
+        }
+    },
+    "gitHead": "b6b4260815bdd8492dd72d805bbaa13450699709"
 }

README.md

@@ -1,13 +0,105 @@
-<img width="100" height="100" alt="Motion One logo" src="https://user-images.githubusercontent.com/7850794/164965509-2a8dc49e-2ed7-4243-a2c9-481b03bbc31a.png" />
+<p align="center">
+  <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" alt="Motion Icon" />
+</p>
+<h1 align="center">Motion for React</h1>
 
-# Motion One
+<br>
 
-A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.
+<p align="center">
+  <a href="https://www.npmjs.com/package/framer-motion" target="_blank">
+    <img src="https://img.shields.io/npm/v/framer-motion.svg?style=flat-square" />
+  </a>
+  <a href="https://www.npmjs.com/package/framer-motion" target="_blank">
+  <img src="https://img.shields.io/npm/dm/framer-motion.svg?style=flat-square" />
+  </a>
+  <a href="https://twitter.com/motiondotdev" target="_blank">
+  <img src="https://img.shields.io/twitter/follow/framer.svg?style=social&label=Follow"  />
+  </a>
+  <a href="https://discord.gg/DfkSpYe" target="_blank">
+  <img src="https://img.shields.io/discord/308323056592486420.svg?logo=discord&logoColor=white" alt="Chat on Discord">
+  </a>
+</p>
 
-## 📚 Documentation
+<br>
+<hr>
+<br>
 
-Full docs are available at [motion.dev](https://motion.dev).
+Motion for React is an open source, production-ready library that’s designed for all creative developers.
 
-## 🛠 DevTools
+It's the only animation library with a hybrid engine, combining the power of JavaScript animations combined with the performance of native browser APIs.
 
-Create Motion One and CSS animations faster than ever with [Motion DevTools](https://motion.dev/tools).
+It looks like this:
+
+```jsx
+<motion.div animate={{ x: 0 }} />
+```
+
+It does all this:
+
+-   [Springs](https://motion.dev/docs/react-transitions#spring)
+-   [Keyframes](https://motion.dev/docs/react-animation#keyframes)
+-   [Layout animations](https://motion/dev/docs/react-layout-animations)
+-   [Shared layout animations](https://motion.dev/docs/react-layout-animations#shared-layout-animations)
+-   [Gestures (drag/tap/hover)](https://motion.dev/docs/react-gestures)
+-   [Scroll animations](https://motion.dev/docs/react-scroll-animations)
+-   [SVG paths](https://motion.dev/docs/react-animation#svg-line-drawing)
+-   [Exit animations](https://motion.dev/docs/react-animation#exit-animations)
+-   [Server-side rendering](https://motion.dev//docs/react-motion-component#server-side-rendering)
+-   [Independent transforms](https://motion.dev/docs/react-motion-component#independent-transforms)
+-   [Orchestrate animations across components](https://motion.dev/docs/react-animation#orchestration)
+-   [CSS variables](https://motion.dev/docs/react-animation#css-variables)
+
+...and a whole lot more.
+
+## Get started
+
+### 🐇 Quick start
+
+Install `motion` with via your package manager:
+
+```
+npm install motion
+```
+
+Then import the `motion` component:
+
+```jsx
+import { motion } from "motion/react"
+
+export function Component({ isVisible }) {
+    return <motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
+}
+```
+
+### 💎 Contribute
+
+-   Want to contribute to Motion? Our [contributing guide](https://github.com/framer/motion/blob/master/CONTRIBUTING.md) has you covered.
+
+### 👩🏻‍⚖️ License
+
+-   Motion for React is MIT licensed.
+
+### ✨ Sponsors
+
+Motion is sustainable thanks to the kind support of its sponsors.
+
+#### Framer
+
+Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.
+<br/>
+
+<p align="center">
+  <a href="https://www.framer.com?utm_source=motion-readme">
+    <img src="https://framerusercontent.com/images/atXqxn4JhKm4LXVncdNjkKV7yCU.png" width="140" alt="Start for free" />
+  </a>
+</p>
+<br/>
+<p align="center">
+  <a href="https://www.framer.com?utm_source=motion-readme">
+    <img src="https://framerusercontent.com/images/pMSOmGP2V8sSaZRV2D7i4HTBTe4.png" width="1000" alt="Framer Banner" />
+  </a>
+</p>
+
+### Silver
+
+-   [Tailwind](https://tailwindcss.com)

types/index.d.ts

@@ -1,4 +0,1 @@
-export * from "@motionone/dom";
-export * from "@motionone/types";
-export { animate } from "./animate";
-//# sourceMappingURL=index.d.ts.map
+export * from "framer-motion/dom";

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1455973

increased by800.29%

Number of package files

307

increased by1515.79%

Lines of code

35963

increased by1313.08%

Number of lines in readme file

106

increased by657.14%

Worsened metrics

Dependency count

5

increased by25%

Number of low supply chain risk alerts

16

increased by1500%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedframer-motion@^11.11.12

• + Addedtslib@^2.4.0

• + Added@emotion/is-prop-valid@1.3.1(transitive)

• + Added@emotion/memoize@0.9.0(transitive)

• + Addedframer-motion@11.16.0(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedmotion-dom@11.16.0(transitive)

• + Addedmotion-utils@11.16.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• - Removed@motionone/animation@^10.18.0

• - Removed@motionone/dom@^10.18.0

• - Removed@motionone/types@^10.17.1

• - Removed@motionone/utils@^10.18.0

• - Removed@motionone/animation@10.18.0(transitive)

• - Removed@motionone/dom@10.18.0(transitive)

• - Removed@motionone/easing@10.18.0(transitive)

• - Removed@motionone/generators@10.18.0(transitive)

• - Removed@motionone/types@10.17.1(transitive)

• - Removed@motionone/utils@10.18.0(transitive)

• - Removedhey-listen@1.0.8(transitive)