@fortawesome/react-fontawesome - npm Package Compare versions

Comparing version 0.1.17 to 0.1.18

index.d.ts

@@ -27,2 +27,3 @@ /// <reference types="react" />
   mask?: IconProp
+  maskId?: string
   className?: string
@@ -32,2 +33,7 @@ color?: string
   pulse?: boolean
+  beat?: boolean
+  fade?: boolean
+  beatFade?: boolean
+  bounce?: boolean
+  shake?: boolean
   border?: boolean
@@ -46,3 +52,4 @@ fixedWidth?: boolean
   title?: string;
+  titleId?: string;
   swapOpacity?: boolean;
 }

index.es.js

@@ -131,2 +131,5 @@ import { parse, icon } from '@fortawesome/fontawesome-svg-core';
       fade = props.fade,
+      beatFade = props.beatFade,
+      bounce = props.bounce,
+      shake = props.shake,
       flash = props.flash,
@@ -149,2 +152,5 @@ spin = props.spin,
     'fa-fade': fade,
+    'fa-beat-fade': beatFade,
+    'fa-bounce': bounce,
+    'fa-shake': shake,
     'fa-flash': flash,
@@ -337,3 +343,4 @@ 'fa-spin': spin,
       title = props.title,
-      titleId = props.titleId;
+      titleId = props.titleId,
+      maskId = props.maskId;
   var iconLookup = normalizeIconArgs(iconArgs);
@@ -346,3 +353,4 @@ var classes = objectWithKey('classes', [].concat(_toConsumableArray(classList(props)), _toConsumableArray(className.split(' '))));
     title: title,
-    titleId: titleId
+    titleId: titleId,
+    maskId: maskId
   }));
@@ -371,2 +379,3 @@
   border: PropTypes.bool,
+  bounce: PropTypes.bool,
   className: PropTypes.string,
@@ -376,2 +385,3 @@ fade: PropTypes.bool,
   mask: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string]),
+  maskId: PropTypes.string,
   fixedWidth: PropTypes.bool,
@@ -385,2 +395,3 @@ inverse: PropTypes.bool,
   rotation: PropTypes.oneOf([0, 90, 180, 270]),
+  shake: PropTypes.bool,
   size: PropTypes.oneOf(['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x']),
@@ -392,2 +403,3 @@ spin: PropTypes.bool,
   title: PropTypes.string,
+  titleId: PropTypes.string,
   transform: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
@@ -400,2 +412,3 @@ swapOpacity: PropTypes.bool
   mask: null,
+  maskId: null,
   fixedWidth: false,
@@ -411,4 +424,10 @@ inverse: false,
   spin: false,
+  beat: false,
+  fade: false,
+  beatFade: false,
+  bounce: false,
+  shake: false,
   symbol: false,
   title: '',
+  titleId: null,
   transform: null,
@@ -415,0 +434,0 @@ swapOpacity: false

index.js

@@ -138,2 +138,5 @@ (function (global, factory) {
         fade = props.fade,
+        beatFade = props.beatFade,
+        bounce = props.bounce,
+        shake = props.shake,
         flash = props.flash,
@@ -156,2 +159,5 @@ spin = props.spin,
       'fa-fade': fade,
+      'fa-beat-fade': beatFade,
+      'fa-bounce': bounce,
+      'fa-shake': shake,
       'fa-flash': flash,
@@ -344,3 +350,4 @@ 'fa-spin': spin,
         title = props.title,
-        titleId = props.titleId;
+        titleId = props.titleId,
+        maskId = props.maskId;
     var iconLookup = normalizeIconArgs(iconArgs);
@@ -353,3 +360,4 @@ var classes = objectWithKey('classes', [].concat(_toConsumableArray(classList(props)), _toConsumableArray(className.split(' '))));
       title: title,
-      titleId: titleId
+      titleId: titleId,
+      maskId: maskId
     }));
@@ -378,2 +386,3 @@
     border: PropTypes__default["default"].bool,
+    bounce: PropTypes__default["default"].bool,
     className: PropTypes__default["default"].string,
@@ -383,2 +392,3 @@ fade: PropTypes__default["default"].bool,
     mask: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].array, PropTypes__default["default"].string]),
+    maskId: PropTypes__default["default"].string,
     fixedWidth: PropTypes__default["default"].bool,
@@ -392,2 +402,3 @@ inverse: PropTypes__default["default"].bool,
     rotation: PropTypes__default["default"].oneOf([0, 90, 180, 270]),
+    shake: PropTypes__default["default"].bool,
     size: PropTypes__default["default"].oneOf(['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x']),
@@ -399,2 +410,3 @@ spin: PropTypes__default["default"].bool,
     title: PropTypes__default["default"].string,
+    titleId: PropTypes__default["default"].string,
     transform: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object]),
@@ -407,2 +419,3 @@ swapOpacity: PropTypes__default["default"].bool
     mask: null,
+    maskId: null,
     fixedWidth: false,
@@ -418,4 +431,10 @@ inverse: false,
     spin: false,
+    beat: false,
+    fade: false,
+    beatFade: false,
+    bounce: false,
+    shake: false,
     symbol: false,
     title: '',
+    titleId: null,
     transform: null,
@@ -422,0 +441,0 @@ swapOpacity: false

package.json

 {
   "name": "@fortawesome/react-fontawesome",
   "description": "Official React component for Font Awesome 5",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "main": "index.js",
@@ -28,3 +28,4 @@ "module": "index.es.js",
     "Proudust <github.com/proudust>",
-    "Tiago Sousa <github.com/TiagoPortfolio>"
+    "Tiago Sousa <github.com/TiagoPortfolio>",
+    "Alexey Victorov <github.com/AliMamed>"
   ],
@@ -38,5 +39,5 @@ "license": "MIT",
     "prepack": "npm run dist",
-    "test": "npm run test.latest && npm run test.next.proregistry",
-    "test.latest": "npm --no-save install @fortawesome/fontawesome-svg-core@latest @fortawesome/free-solid-svg-icons@latest && jest --silent",
-    "test.next.proregistry": "npm --userconfig .npmrc.proregistry --registry https://npm.fontawesome.com install --no-save @fortawesome/fontawesome-svg-core@next @fortawesome/free-solid-svg-icons@next && jest --silent",
+    "test": "npm run test.5 && npm run test.6",
+    "test.5": "npm --no-save install @fortawesome/fontawesome-svg-core@1.2.x @fortawesome/free-solid-svg-icons@5.x && jest --silent",
+    "test.6": "npm --no-save install @fortawesome/fontawesome-svg-core@6.x @fortawesome/free-solid-svg-icons@6.x && jest --silent",
     "clean": "rm -f index.js && rm -f index.es.js"
@@ -51,3 +52,3 @@ },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "~1 || >=1.3.0-beta1",
+    "@fortawesome/fontawesome-svg-core": "~1 || ~6",
     "react": ">=16.x"
@@ -61,3 +62,3 @@ },
     "@babel/preset-stage-3": "^7.8.3",
-    "@fortawesome/fontawesome-svg-core": "^1.2.32",
+    "@fortawesome/fontawesome-svg-core": "^1.3.0",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
@@ -64,0 +65,0 @@ "@rollup/plugin-babel": "^5.3.0",

README.md

@@ -24,3 +24,3 @@ <a href="https://fontawesome.com">
 
-[Check it out here](https://fontawesome.com/how-to-use/on-the-web/using-with/react)
+[Check it out here](https://fontawesome.com/v6/docs/web/use-with/react/)
 
@@ -44,30 +44,22 @@ ## How to Help
 
-|                                                             | Name           | GitHub                                               |
-| :---------------------------------------------------------: | -------------- | ---------------------------------------------------- |
-| <img src="https://github.com/NateRadebaugh.png?size=72" />  | Nate Radebaugh | [@NateRadebaugh](https://github.com/NateRadebaugh)   |
-|   <img src="https://github.com/kirkbross.png?size=72" />    | Kirk Ross      | [@kirkbross](https://github.com/kirkbross)           |
-|                                                             | Prateek Goel   | [@prateekgoel](https://github.com/prateekgoel)       |
-|    <img src="https://github.com/naortor.png?size=72" />     | Naor Torgeman  | [@naortor](https://github.com/naortor)               |
-|   <img src="https://github.com/mmhand123.png?size=72" />    | Matthew Hand   | [@mmhand123](https://github.com/mmhand123)           |
-|    <img src="https://github.com/calvinf.png?size=72" />     | calvinf        | [@calvinf](https://github.com/calvinf)               |
-| <img src="https://github.com/chimericdream.png?size=72" />  | Bill Parrott   | [@chimericdream](https://github.com/chimericdream)   |
-|    <img src="https://github.com/baelec.png?size=72" />      | Mike Lynch     | [@baelec](https://github.com/baelec)                 |
-|   <img src="https://github.com/rodlukas.png?size=72" />     | Lukáš Rod      | [@rodlukas](https://github.com/rodlukas)             |
-|   <img src="https://github.com/proudust.png?size=72" />     | Proudust       | [@proudust](https://github.com/proudust)             |
-| <img src="https://github.com/TiagoPortfolio.png?size=72" /> | Tiago Sousa    | [@TiagoPortfolio](https://github.com/TiagoPortfolio) |
+| Name              | GitHub                                                    |
+| ----------------- | --------------------------------------------------------- |
+| Nate Radebaugh    | [@NateRadebaugh](https://github.com/NateRadebaugh)        |
+| Kirk Ross         | [@kirkbross](https://github.com/kirkbross)                |
+| Prateek Goel      | [@prateekgoel](https://github.com/prateekgoel)            |
+| Naor Torgeman     | [@naortor](https://github.com/naortor)                    |
+| Matthew Hand      | [@mmhand123](https://github.com/mmhand123)                |
+| calvinf           | [@calvinf](https://github.com/calvinf)                    |
+| Bill Parrott      | [@chimericdream](https://github.com/chimericdream)        |
+| Mike Lynch        | [@baelec](https://github.com/baelec)                      |
+| Lukáš Rod         | [@rodlukas](https://github.com/rodlukas)                  |
+| Proudust          | [@proudust](https://github.com/proudust)                  |
+| Tiago Sousa       | [@TiagoPortfolio](https://github.com/TiagoPortfolio)      |
+| Alexey Victorov   | [@AliMamed](https://github.com/AliMamed)                  |
+| Font Awesome Team | [@FortAwesome](https://github.com/orgs/FortAwesome/people)|
 
 If we've missed someone (which is quite likely) submit a Pull Request to us and we'll get it resolved.
 
-The Font Awesome team:
-
-|                                                            | Name           | GitHub                                             |
-| :--------------------------------------------------------: | -------------- | -------------------------------------------------- |
-| <img src="https://github.com/supercodepoet.png?size=72" /> | Travis Chase   | [@supercodepoet](https://github.com/supercodepoet) |
-|   <img src="https://github.com/robmadole.png?size=72" />   | Rob Madole     | [@robmadole](https://github.com/robmadole)         |
-|  <img src="https://github.com/mlwilkerson.png?size=72" />  | Mike Wilkerson | [@mlwilkerson](https://github.com/mlwilkerson)     |
-|     <img src="https://github.com/talbs.png?size=72" />     | Brian Talbot   | [@talbs](https://github.com/talbs)                 |
-| <img src="https://github.com/jasonlundien.png?size=72" />  | Jason Lundien  | [@jasonlundien](https://github.com/jasonlundien)   |
-
 ## Releasing this project (only project owners can do this)
 
 See [DEVELOPMENT.md](DEVELOPMENT.md#release)

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Lines of code

771

increased by6.2%

Number of low supply chain risk alerts

2

decreased by-50%

Worsened metrics

Total package byte prevSize

36871

decreased by-1.24%

Number of lines in readme file

64

decreased by-11.11%

No dependency changes