Fix fade prop and support beat-fade, bounce and shake props (#483) (#484

)

Co-authored-by: Alexey Victorov <av@kalite.ro>

index.d.ts

@@ -28,6 +28,11 @@ export interface FontAwesomeIconProps extends BackwardCompatibleOmit<SVGAttribut
   color?: string
   spin?: boolean
   pulse?: boolean
+  beat?: boolean
+  fade?: boolean
+  beatFade?: boolean
+  bounce?: boolean
+  shake?: boolean
   border?: boolean
   fixedWidth?: boolean
   inverse?: boolean

index.es.js

@@ -128,6 +128,9 @@ function classList(props) {
 
   var beat = props.beat,
       fade = props.fade,
+      beatFade = props.beatFade,
+      bounce = props.bounce,
+      shake = props.shake,
       flash = props.flash,
       spin = props.spin,
       spinPulse = props.spinPulse,
@@ -145,6 +148,9 @@ function classList(props) {
   var classes = (_classes = {
     'fa-beat': beat,
     'fa-fade': fade,
+    'fa-beat-fade': beatFade,
+    'fa-bounce': bounce,
+    'fa-shake': shake,
     'fa-flash': flash,
     'fa-spin': spin,
     'fa-spin-reverse': spinReverse,
@@ -399,6 +405,11 @@ FontAwesomeIcon.defaultProps = {
   rotation: null,
   size: null,
   spin: false,
+  beat: false,
+  fade: false,
+  beatFade: false,
+  bounce: false,
+  shake: false,
   symbol: false,
   title: '',
   transform: null,

index.js

@@ -135,6 +135,9 @@
 
     var beat = props.beat,
         fade = props.fade,
+        beatFade = props.beatFade,
+        bounce = props.bounce,
+        shake = props.shake,
         flash = props.flash,
         spin = props.spin,
         spinPulse = props.spinPulse,
@@ -152,6 +155,9 @@
     var classes = (_classes = {
       'fa-beat': beat,
       'fa-fade': fade,
+      'fa-beat-fade': beatFade,
+      'fa-bounce': bounce,
+      'fa-shake': shake,
       'fa-flash': flash,
       'fa-spin': spin,
       'fa-spin-reverse': spinReverse,
@@ -406,6 +412,11 @@
     rotation: null,
     size: null,
     spin: false,
+    beat: false,
+    fade: false,
+    beatFade: false,
+    bounce: false,
+    shake: false,
     symbol: false,
     title: '',
     transform: null,

package.json

@@ -55,7 +55,7 @@
     "@babel/preset-env": "^7.16.8",
     "@babel/preset-react": "^7.16.7",
     "@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",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",

src/components/FontAwesomeIcon.js

@@ -149,6 +149,11 @@ FontAwesomeIcon.defaultProps = {
   rotation: null,
   size: null,
   spin: false,
+  beat: false,
+  fade: false,
+  beatFade: false,
+  bounce: false,
+  shake: false,
   symbol: false,
   title: '',
   transform: null,

src/utils/get-class-list-from-props.js

@@ -4,6 +4,9 @@ export default function classList(props) {
     beat,
     bounce,
     fade,
+    beatFade,
+    bounce,
+    shake,
     flash,
     spin,
     spinPulse,
@@ -25,6 +28,9 @@ export default function classList(props) {
     'fa-beat': beat,
     'fa-bounce': bounce,
     'fa-fade': fade,
+    'fa-beat-fade': beatFade,
+    'fa-bounce': bounce,
+    'fa-shake': shake,
     'fa-flash': flash,
     'fa-spin': spin,
     'fa-spin-reverse': spinReverse,