Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

use-spring-transition

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

use-spring-transition - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

11

package.json
{
"name": "use-spring-transition",
"sideEffects": false,
"version": "0.1.0",
"version": "0.1.1",
"description": "Hooks for spring transition",

@@ -43,4 +43,4 @@ "keywords": [

"prettier": "^2.7.1",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react": "^18.0.1",
"react-dom": "^18.0.1",
"rimraf": "^3.0.2",

@@ -50,3 +50,3 @@ "typescript": "^4.7.4"

"peerDependencies": {
"react": ">=18.0.0"
"react": ">=17.0.0"
},

@@ -73,3 +73,6 @@ "browserslist": {

"*.(js|jsx|ts|tsx)": "eslint --quiet"
},
"dependencies": {
"use-spring-transition": "^0.1.0"
}
}

@@ -19,2 +19,4 @@ # use-spring-transition

[Demo](https://codesandbox.io/s/use-spring-transition-hfkzvv)
## Basics

@@ -114,3 +116,3 @@

width: 100%;
transition: transfrom 500ms ease-in-out;
transition: transform 500ms ease-in-out;
}

@@ -183,3 +185,3 @@

className={cx(styles.image, styles[transition.state])}
style={{ transfrom: `translate3d(${transition.springValue}px, 0, 0)` }}
style={{ transform: `translate3d(${transition.springValue}px, 0, 0)` }}
key={transition.value.id}

@@ -186,0 +188,0 @@ src={transition.value.url}

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