formidable-oss-badges - npm Package Compare versions

Comparing version 0.5.0 to 0.5.1

package.json

 {
   "name": "formidable-oss-badges",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Badges for Formidable OSS",
@@ -5,0 +5,0 @@ "license": "MIT",

src/FeaturedBadge.js

@@ -7,2 +7,25 @@ import React from "react";
 
+const StyledLogo = styled(({ tagName, isHoverable, ...props }) => {
+  const Component = tagName || "svg";
+  // Do not forward `isHoverable` to DOM
+  // This method can be replaced with `styled.svg.withConfig({ shouldForwardProp: ... })`
+  // with styled-components@v5.1
+  return <Component {...props} />;
+})`
+  ${(props) =>
+    props.isHoverable &&
+    `
+      .inner-ring,
+      .outer-ring {
+        transition: 0.3s;
+      }
+      &:hover .inner-ring {
+        opacity: 0.3;
+      }
+      &:hover .outer-ring {
+        opacity: 0.6;
+      }
+  `}
+`;
+
 const FeaturedBadge = ({ name, className, isHoverable, small }) => {
@@ -13,20 +36,10 @@ const Logo = small
   if (!Logo) return null;
-  const StyledLogo = styled(({ isHoverable, ...rest }) => <Logo {...rest} />)`
-    ${({ isHoverable }) =>
-      isHoverable &&
-      `
-    .inner-ring,
-    .outer-ring {
-      transition: 0.3s;
-    }
 
-    &:hover .inner-ring {
-      opacity: 0.3;
-    }
-
-    &:hover .outer-ring {
-      opacity: 0.6;
-    }`}
-  `;
-  return <StyledLogo className={className} isHoverable={isHoverable} />;
+  return (
+    <StyledLogo
+      tagName={Logo}
+      className={className}
+      isHoverable={isHoverable}
+    />
+  );
 };
@@ -33,0 +46,0 @@

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

382038

increased by1.32%

Number of package files

27

increased by3.85%

Lines of code

3057

increased by0.2%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes