@fortawesome/vue-fontawesome - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -13,2 +13,10 @@ # Change Log
 
+## [2.0.5](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.5)  - 2021-10-15
+
+### Added
+* New sizes for `size` prop: 2xs, xl, 2xl
+* New animation booleans: `beat`, `fade`, `flash`, `spin-pulse`, & `spin-reverse`
+
+---
+
 ## [2.0.4](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.4)  - 2021-10-15
@@ -15,0 +23,0 @@

index.es.js

@@ -308,3 +308,8 @@ import { parse, icon, config, text } from '@fortawesome/fontawesome-svg-core';
     'fa-spin': props.spin,
+    'fa-spin-pulse': props.spinPulse,
+    'fa-spin-reverse': props.spinReverse,
     'fa-pulse': props.pulse,
+    'fa-beat': props.beat,
+    'fa-fade': props.fade,
+    'fa-flash': props.flash,
     'fa-fw': props.fixedWidth,
@@ -365,2 +370,6 @@ 'fa-border': props.border,
   props: {
+    beat: {
+      type: Boolean,
+      default: false
+    },
     border: {
@@ -370,2 +379,6 @@ type: Boolean,
     },
+    fade: {
+      type: Boolean,
+      default: false
+    },
     fixedWidth: {
@@ -375,2 +388,6 @@ type: Boolean,
     },
+    flash: {
+      type: Boolean,
+      default: false
+    },
     flip: {
@@ -421,3 +438,3 @@ type: String,
       validator: function validator(value) {
-        return ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
+        return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
       }
@@ -429,2 +446,10 @@ },
     },
+    spinPulse: {
+      type: Boolean,
+      default: false
+    },
+    spinReverse: {
+      type: Boolean,
+      default: false
+    },
     transform: {
@@ -431,0 +456,0 @@ type: [String, Object],

index.js

@@ -312,3 +312,8 @@ (function (global, factory) {
 	    'fa-spin': props.spin,
+	    'fa-spin-pulse': props.spinPulse,
+	    'fa-spin-reverse': props.spinReverse,
 	    'fa-pulse': props.pulse,
+	    'fa-beat': props.beat,
+	    'fa-fade': props.fade,
+	    'fa-flash': props.flash,
 	    'fa-fw': props.fixedWidth,
@@ -369,2 +374,6 @@ 'fa-border': props.border,
 	  props: {
+	    beat: {
+	      type: Boolean,
+	      default: false
+	    },
 	    border: {
@@ -374,2 +383,6 @@ type: Boolean,
 	    },
+	    fade: {
+	      type: Boolean,
+	      default: false
+	    },
 	    fixedWidth: {
@@ -379,2 +392,6 @@ type: Boolean,
 	    },
+	    flash: {
+	      type: Boolean,
+	      default: false
+	    },
 	    flip: {
@@ -425,3 +442,3 @@ type: String,
 	      validator: function validator(value) {
-	        return ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
+	        return ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1;
 	      }
@@ -433,2 +450,10 @@ },
 	    },
+	    spinPulse: {
+	      type: Boolean,
+	      default: false
+	    },
+	    spinReverse: {
+	      type: Boolean,
+	      default: false
+	    },
 	    transform: {
@@ -435,0 +460,0 @@ type: [String, Object],

package.json

 {
   "name": "@fortawesome/vue-fontawesome",
   "description": "Official Vue component for Font Awesome 5",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "main": "index.js",
@@ -6,0 +6,0 @@ "module": "index.es.js",

src/components/__tests__/FontAwesomeIcon.test.js

@@ -253,3 +253,3 @@ import Vue from 'vue/dist/vue'
 test('using size', () => {
-  ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].forEach(size => {
+  ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].forEach(size => {
     const vm = mountFromProps({ icon: faCoffee, size: size })
@@ -267,2 +267,9 @@
 
+test('using spinPulse and spinReverse', () => {
+  const vm = mountFromProps({ icon: faCoffee, spinPulse: true, spinReverse: true })
+
+  expect(vm.$el.classList.contains('fa-spin-pulse')).toBeTruthy()
+  expect(vm.$el.classList.contains('fa-spin-reverse')).toBeTruthy()
+})
+
 test('using inverse', () => {
@@ -269,0 +276,0 @@ const vm = mountFromProps({ icon: faCoffee, inverse: true })

src/components/FontAwesomeIcon.js

@@ -40,2 +40,6 @@ import { parse as faParse, icon as faIcon } from '@fortawesome/fontawesome-svg-core'
   props: {
+    beat: {
+      type: Boolean,
+      default: false
+    },
     border: {
@@ -45,2 +49,6 @@ type: Boolean,
     },
+    fade: {
+      type: Boolean,
+      default: false
+    },
     fixedWidth: {
@@ -50,2 +58,6 @@ type: Boolean,
     },
+    flash: {
+      type: Boolean,
+      default: false
+    },
     flip: {
@@ -89,3 +101,3 @@ type: String,
       default: null,
-      validator: (value) => ['lg', 'xs', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
+      validator: (value) => ['2xs', 'xs', 'sm', 'lg', 'xl', '2xl', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'].indexOf(value) > -1
     },
@@ -96,2 +108,10 @@ spin: {
     },
+    spinPulse: {
+      type: Boolean,
+      default: false
+    },
+    spinReverse: {
+      type: Boolean,
+      default: false
+    },
     transform: {
@@ -98,0 +118,0 @@ type: [String, Object],

src/utils.js

@@ -8,3 +8,8 @@ export function objectWithKey (key, value) {
     'fa-spin': props.spin,
+    'fa-spin-pulse': props.spinPulse,
+    'fa-spin-reverse': props.spinReverse,
     'fa-pulse': props.pulse,
+    'fa-beat': props.beat,
+    'fa-fade': props.fade,
+    'fa-flash': props.flash,
     'fa-fw': props.fixedWidth,
@@ -11,0 +16,0 @@ 'fa-border': props.border,

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

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

Improved metrics

Total package byte prevSize

562379

increased by0.37%

Lines of code

13991

increased by0.58%

No dependency changes