@hixme-ui/animate - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

lib/Animate.js

@@ -12,3 +12,3 @@ 'use strict';
 var _templateObject = (0, _taggedTemplateLiteral3.default)(['', ''], ['', '']),
-    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  animation: ', ' ', ';\n  animation-delay: ', ';\n  animation-iteration-count: ', ';\n  animation-play-state: ', ';\n  display: ', ';\n'], ['\n  animation: ', ' ', ';\n  animation-delay: ', ';\n  animation-iteration-count: ', ';\n  animation-play-state: ', ';\n  display: ', ';\n']);
+    _templateObject2 = (0, _taggedTemplateLiteral3.default)(['\n  animation: ', ' ', ';\n  animation-delay: ', ';\n  animation-iteration-count: ', ';\n  animation-play-state: ', ';\n  animation-fill-mode: ', ';\n  display: ', ';\n'], ['\n  animation: ', ' ', ';\n  animation-delay: ', ';\n  animation-iteration-count: ', ';\n  animation-play-state: ', ';\n  animation-fill-mode: ', ';\n  display: ', ';\n']);
 
@@ -24,3 +24,3 @@ var _styledComponents = require('styled-components');
 var chooseReactAnimation = function chooseReactAnimation(props) {
-  if (props.bouceOut) return _reactAnimations.bouceOut;
+  if (props.bounceOut) return _reactAnimations.bounceOut;
   if (props.bounce) return _reactAnimations.bounce;
@@ -122,2 +122,5 @@ if (props.bounceIn) return _reactAnimations.bounceIn;
 }, function (props) {
+  if (props.fillMode) return props.fillMode;
+  return 'none';
+}, function (props) {
   if (props.display) return props.display;
@@ -124,0 +127,0 @@ return 'inline-block';

package.json

 {
   "name": "@hixme-ui/animate",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "hixme-ui Animate component",
@@ -5,0 +5,0 @@ "publishConfig": {

src/Animate.js

 import styled, { keyframes } from 'styled-components'
 import {
-  bouceOut,
+  bounceOut,
   bounce,
@@ -82,3 +82,3 @@ bounceIn,
 const chooseReactAnimation = (props) => {
-  if (props.bouceOut) return bouceOut
+  if (props.bounceOut) return bounceOut
   if (props.bounce) return bounce
@@ -182,2 +182,6 @@ if (props.bounceIn) return bounceIn
   }};
+  animation-fill-mode: ${(props) => {
+    if (props.fillMode) return props.fillMode
+    return 'none'
+  }};
   display: ${(props) => {
@@ -184,0 +188,0 @@ if (props.display) return props.display

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26921

increased by1.83%

Lines of code

315

increased by2.27%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes