react-github-corner - npm Package Compare versions

Comparing version 1.0.0 to 2.0.0

lib/get-github-corner-styles.js

@@ -8,4 +8,4 @@ "use strict";
 exports.default = function () {
-  return "\n.github-corner:hover .octo-arm {\n  animation: octocat-wave 560ms ease-in-out;\n}\n\n@keyframes octocat-wave {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  20% {\n    transform: rotate(-25deg);\n  }\n\n  40% {\n    transform: rotate(10deg);\n  }\n\n  60% {\n   transform: rotate(-25deg);\n  }\n\n  80% {\n    transform: rotate(10deg);\n  }\n\n  100% {\n    transform: rotate(0deg);\n  }\n}\n\n@media (max-width: 500px) {\n    .github-corner:hover .octo-arm {\n        animation: none;\n    }\n\n    .github-corner .octo-arm {\n        animation: octocat-wave 560ms ease-in-out;\n    }\n}\n";
+  return "\n.github-corner:hover .octo-arm {\n  animation: octocat-wave 560ms ease-in-out;\n}\n\n@keyframes octocat-wave {\n  0%, 100% {\n    transform: rotate(0deg);\n  }\n\n  20%, 60% {\n    transform: rotate(-25deg);\n  }\n\n  40%, 80% {\n    transform: rotate(10deg);\n  }\n}\n\n@media (max-width: 500px) {\n    .github-corner:hover .octo-arm {\n        animation: none;\n    }\n\n    .github-corner .octo-arm {\n        animation: octocat-wave 560ms ease-in-out;\n    }\n}\n";
 };
 //# sourceMappingURL=get-github-corner-styles.js.map

lib/GithubCorner.js

@@ -72,4 +72,3 @@ 'use strict';
           href = _props.href,
-          width = _props.width,
-          height = _props.height,
+          size = _props.size,
           direction = _props.direction,
@@ -80,3 +79,4 @@ octoColor = _props.octoColor,
           className = _props.className,
-          otherProps = _objectWithoutProperties(_props, ['href', 'width', 'height', 'direction', 'octoColor', 'bannerColor', 'ariaLabel', 'className']);
+          svgStyle = _props.svgStyle,
+          otherProps = _objectWithoutProperties(_props, ['href', 'size', 'direction', 'octoColor', 'bannerColor', 'ariaLabel', 'className', 'svgStyle']);
 
@@ -118,6 +118,6 @@ var mainStyle = {
           {
-            width: width,
-            height: height,
+            width: size,
+            height: size,
             viewBox: '0 0 250 250',
-            style: mainStyle
+            style: _extends({}, mainStyle, svgStyle)
           },
@@ -137,4 +137,3 @@ _react2.default.createElement('path', { className: 'octo-banner', d: pathBanner, fill: bannerColor }),
   href: '/',
-  width: 80,
-  height: 80,
+  size: 80,
   direction: 'right',
@@ -141,0 +140,0 @@ octoColor: '#fff',

package.json

 {
   "name": "react-github-corner",
   "description": "Add a Github banner to your project page. A React version of: https://github.com/tholman/github-corners",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "homepage": "https://github.com/skratchdot/react-github-corner/",
@@ -6,0 +6,0 @@ "main": "./lib/GithubCorner.js",

README.md

@@ -49,4 +49,3 @@ # react-github-corner
 | href | String | '/' | The link to your project page |
-| width | Number or String | 80 | The width of the banner |
-| height | Number or String | 80 | The height of the banner |
+| size | Number or String | 80 | The width and height of the banner |
 | direction | String | 'right' | Whether the banner shows up on the right or left |
@@ -57,2 +56,3 @@ | octoColor | String | '#fff' | The CSS color of the Octocat |
 | className | String | undefined | Additional class names to be merged with the `github-corner` default |
+| svgStyle | Object | undefined | Custom styles to apply to the main `svg` element |
 
@@ -59,0 +59,0 @@ Any additional props will be added to the `<a />` tag that is rendered.

Fixed alerts

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

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

24223

decreased by-0.92%

Number of package files

11

decreased by-8.33%

Lines of code

257

decreased by-0.39%

No dependency changes