New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-type-animation

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-type-animation - npm Package Compare versions

Comparing version 1.0.9 to 1.1.0

2

dist/index.es.js

@@ -86,3 +86,3 @@ import React, { useRef, useEffect, memo } from 'react';

var css = ".styles_type__2Teeh::after {\n content: '|';\n animation: styles_cursor__14ty0 1.1s infinite step-start;\n}\n\n@keyframes styles_cursor__14ty0 {\n 50% {\n opacity: 0;\n }\n}\n";
var css = ".styles_type__2Teeh::after {\r\n content: '|';\r\n animation: styles_cursor__14ty0 1.1s infinite step-start;\r\n}\r\n\r\n@keyframes styles_cursor__14ty0 {\r\n 50% {\r\n opacity: 0;\r\n }\r\n}\r\n";
var styles = { "type": "styles_type__2Teeh", "cursor": "styles_cursor__14ty0" };

@@ -89,0 +89,0 @@ styleInject(css);

@@ -91,3 +91,3 @@ 'use strict';

var css = ".styles_type__2Teeh::after {\n content: '|';\n animation: styles_cursor__14ty0 1.1s infinite step-start;\n}\n\n@keyframes styles_cursor__14ty0 {\n 50% {\n opacity: 0;\n }\n}\n";
var css = ".styles_type__2Teeh::after {\r\n content: '|';\r\n animation: styles_cursor__14ty0 1.1s infinite step-start;\r\n}\r\n\r\n@keyframes styles_cursor__14ty0 {\r\n 50% {\r\n opacity: 0;\r\n }\r\n}\r\n";
var styles = { "type": "styles_type__2Teeh", "cursor": "styles_cursor__14ty0" };

@@ -94,0 +94,0 @@ styleInject(css);

{
"name": "react-type-animation",
"version": "1.0.9",
"version": "1.1.0",
"description": "React typing animation based on typical.",
"author": "max37",
"license": "MIT",
"repository": "kozie1337/react-type-animation",
"repository": "maxeth/react-type-animation",
"main": "dist/index.js",

@@ -36,4 +36,4 @@ "module": "dist/index.es.js",

"prop-types": "^15.5.4",
"react": "^15.0.0 || ^16.0.0",
"react-dom": "^15.0.0 || ^16.0.0"
"react": "^15.0.0 || ^16.0.0 || ^17.0.0",
"react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0"
},

@@ -40,0 +40,0 @@ "devDependencies": {

@@ -20,3 +20,3 @@ # react-type-animation

cursor={false}
sequence={['React type animation based on typical', 1000, '']}
sequence={['React typing animation based on typical', 1000, '']}
wrapper="h2"

@@ -61,2 +61,2 @@ />

If you would like the cursor to stop after a specific time, consider using a JSX styling library which lets you define CSS dynamically within your JSX Component, or simply replace `infinite` with a static finite number (like `2s`) inside your custom css file.
If you would like the cursor to stop after a specific time, consider using a JSX styling library which lets you define CSS dynamically within your JSX Component, or simply replace `infnite` with a static finite number (like `2s`) inside your custom css file.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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