flip-ya-numbers - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1-beta.1

lib/flipNumber.js

@@ -123,3 +123,5 @@ 'use strict';
           length = _props.length,
-          position = _props.position;
+          position = _props.position,
+          _props$numberStyle = _props.numberStyle,
+          numberStyle = _props$numberStyle === undefined ? {} : _props$numberStyle;
       var _state = this.state,
@@ -138,3 +140,3 @@ degree = _state.degree,
         {
-          style: _extends({}, viewPortSize, {
+          style: _extends({}, numberStyle, viewPortSize, {
             perspective: perspective,
@@ -141,0 +143,0 @@ overflow: 'hidden',

lib/flipNumbers.js

@@ -47,2 +47,3 @@ 'use strict';
           nonNumberStyle = _props.nonNumberStyle,
+          numberStyle = _props.numberStyle,
           height = _props.height,
@@ -86,3 +87,4 @@ width = _props.width,
               startAnimation: startAnimation,
-              delaySeconds: delaySeconds
+              delaySeconds: delaySeconds,
+              numberStyle: numberStyle
             }, {
@@ -120,4 +122,5 @@ position: numberCounter,
   delaySeconds: 0,
-  nonNumberStyle: {}
+  nonNumberStyle: {},
+  numberStyle: {}
 };
 exports.default = FlipNumbers;

package.json

 {
   "name": "flip-ya-numbers",
-  "version": "1.0.0",
+  "version": "1.0.1-beta.1",
   "description": "flip your numbers",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -21,3 +21,3 @@ [![npm version](https://img.shields.io/npm/v/flip-ya-numbers.svg?style=flat-square)](https://www.npmjs.com/package/flip-ya-numbers)
 <p align="center">
-    <img width="300" src="https://raw.githubusercontent.com/bluebill1049/flip-ya-numbers/master/example/flip-ya-numbers.gif" alt="Flip your number" />
+    <img width="300" src="https://raw.githubusercontent.com/bluebill1049/flip-ya-numbers/master/flip-ya-numbers.gif" alt="Flip your number" />
 </p>
@@ -24,0 +24,0 @@

src/flipNumber.js

@@ -29,2 +29,3 @@ // @flow
   startAnimation: boolean,
+  numberStyle: { [string]: string | number },
 };
@@ -106,2 +107,3 @@
       position,
+      numberStyle = {},
     } = this.props;
@@ -118,2 +120,3 @@ const { degree, isStatic } = this.state;
         style={{
+          ...numberStyle,
           ...viewPortSize,
@@ -120,0 +123,0 @@ perspective,

src/flipNumbers.js

@@ -16,3 +16,4 @@ // @flow
   animate?: boolean,
-  startAnimation?: boolean
+  startAnimation?: boolean,
+  numberStyle: { [string]: string | number },
 };
@@ -28,2 +29,3 @@
     nonNumberStyle: {},
+    numberStyle: {},
   };
@@ -44,2 +46,3 @@
       nonNumberStyle,
+      numberStyle,
       height,
@@ -85,2 +88,3 @@ width,
                   delaySeconds,
+                  numberStyle,
                 }}
@@ -87,0 +91,0 @@ position={numberCounter}

test/flipNumber.test.js

@@ -25,2 +25,3 @@ import renderer from 'react-test-renderer';
     startAnimation: true,
+    numberStyle: {},
   };
@@ -27,0 +28,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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

437781

increased by84.92%

Number of package files

19

increased by5.56%

Lines of code

663

increased by2%

Number of medium maintenance alerts

0

decreased by-100%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes