From c27f9ce75e586dd89356037bf1544b5205170ebe Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 01:47:34 -0300
Subject: [PATCH 01/49] feature(b-icon): add spinning icon options

---
 src/icons/_icons.scss | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index b6d887e6cb9..5010e7f72c0 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -9,6 +9,34 @@
     // Perhaps this values should be SASS variables?
     vertical-align: -0.15em;
   }
+
+  &.b-icon-spin {
+    animation: b-icon-spin 2s infinite linear;
+    @if $enable-prefers-reduced-motion-media-query {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
+
+  &.b-icon-pulse {
+    animation: b-icon-spin 1s infinite steps(8);
+    @if $enable-prefers-reduced-motion-media-query {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
+}
+
+// Animation for spinning icons
+@keyframes b-icon-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
 }
 
 // Make icons slightly larger in buttons, nav-links, dropdowns, and input-group-text

From 91c716bf2c14cc92992dac33abac656d3bfa59e8 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 01:51:34 -0300
Subject: [PATCH 02/49] Update _icons.scss

---
 src/icons/_icons.scss | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 5010e7f72c0..1a4554a972e 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -12,19 +12,15 @@
 
   &.b-icon-spin {
     animation: b-icon-spin 2s infinite linear;
-    @if $enable-prefers-reduced-motion-media-query {
-      @media (prefers-reduced-motion: reduce) {
-        animation: none;
-      }
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
     }
   }
 
   &.b-icon-pulse {
     animation: b-icon-spin 1s infinite steps(8);
-    @if $enable-prefers-reduced-motion-media-query {
-      @media (prefers-reduced-motion: reduce) {
-        animation: none;
-      }
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
     }
   }
 }

From 41dc9041e9f0fd179f6e78adb82242dcb0353cb5 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 01:59:18 -0300
Subject: [PATCH 03/49] Update icon-base.js

---
 src/icons/helpers/icon-base.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/icons/helpers/icon-base.js b/src/icons/helpers/icon-base.js
index 7a92d361195..d658c002061 100644
--- a/src/icons/helpers/icon-base.js
+++ b/src/icons/helpers/icon-base.js
@@ -37,6 +37,14 @@ export const commonIconProps = {
   shiftV: {
     type: [Number, String],
     default: 0
+  },
+  spin: {
+    type: Boolean,
+    default: false
+  },
+  pulse: {
+    type: Boolean,
+    default: false
   }
 }
 
@@ -116,7 +124,11 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
       mergeData(
         {
           staticClass: 'b-icon bi',
-          class: { [`text-${props.variant}`]: !!props.variant },
+          class: {
+            [`text-${props.variant}`]: !!props.variant,
+            'b-icon-spin': props.spin && !props.pulse,
+            'b-icon-pulse': props.pulse
+          },
           attrs: baseAttrs,
           style: isStacked ? {} : { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` }
         },

From 378d5f5513d856ae46801c18d8d1970b126504ab Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:02:41 -0300
Subject: [PATCH 04/49] Update package.json

---
 src/icons/package.json | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/icons/package.json b/src/icons/package.json
index f2427fdde82..100611f8262 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -53,6 +53,16 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "spin",
+            "version": "2.7.0",
+            "description": "When set, applies a spinning animation to the icon"
+          },
+          {
+            "prop": "pulse",
+            "version": "2.7.0",
+            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
           }
         ]
       },
@@ -91,6 +101,16 @@
           {
             "prop": "shiftV",
             "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
+          },
+          {
+            "prop": "spin",
+            "version": "2.7.0",
+            "description": "When set, applies a spinning animation to the icon"
+          },
+          {
+            "prop": "pulse",
+            "version": "2.7.0",
+            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
           }
         ]
       },
@@ -134,6 +154,16 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "spin",
+            "version": "2.7.0",
+            "description": "When set, applies a spinning animation to the icon"
+          },
+          {
+            "prop": "pulse",
+            "version": "2.7.0",
+            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
           }
         ]
       },

From 4c4f2a5ec07c0bc6abc84cf9343f8cdf9ee17c50 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:16:43 -0300
Subject: [PATCH 05/49] Update icon-base.js

---
 src/icons/helpers/icon-base.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/helpers/icon-base.js b/src/icons/helpers/icon-base.js
index d658c002061..49aa63889d4 100644
--- a/src/icons/helpers/icon-base.js
+++ b/src/icons/helpers/icon-base.js
@@ -126,8 +126,8 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
           staticClass: 'b-icon bi',
           class: {
             [`text-${props.variant}`]: !!props.variant,
-            'b-icon-spin': props.spin && !props.pulse,
-            'b-icon-pulse': props.pulse
+            'b-icon-spin': !isStacked && props.spin && !props.pulse,
+            'b-icon-pulse': !isStacked && props.pulse
           },
           attrs: baseAttrs,
           style: isStacked ? {} : { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` }

From 12f50344f5267a04e93e888357f062d1bf581f2a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:36:03 -0300
Subject: [PATCH 06/49] Update README.md

---
 src/icons/README.md | 43 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/src/icons/README.md b/src/icons/README.md
index 520602625f2..2b7ea3b777f 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -428,6 +428,47 @@ Shifting is applied after any rotation transforms. As with scaling, backgrounds
 affected. If you need to shift the border/background with the icon, use Bootstrap's margin
 [spacing utility classes](/docs/reference/utility-classes).
 
+## Animated icons
+
+<span class="badge badge-info small">v2.7.0+</span>
+
+BootstrapVue includes two spinning animation options for icons: `spin` and `pulse`. Both animations
+spin the icon clockwise, but pulse uses a stepped spin.
+
+To use the spin animation, set the `spin` prop to true. To use hte pulse animation, set the `pulse`
+prop to `true`. Note that `pulse` takes precedence over `spin`.
+
+```html
+<template>
+  <div>
+    <p>Spinning animation:</p>
+    <b-icon icon="arrow-clockwise" spin font-scale="4"></b-icon>
+
+    <p class="mt-3">Pulsing animation</p>
+    <b-icon icon="arrow-clockwise" pulse font-scale="4"></b-icon>
+  </div>
+</template>
+
+<!-- b-icon-spin-aminations.vue -->
+```
+
+Note that the animations are CSS based, and is applied _after_ any transforms have taken place:
+
+```html
+<template>
+  <div class="p-4">
+    <b-icon icon="clock" spin font-scale="4" shift-v="8" class="bg-info"></b-icon>
+  </div>
+</template>
+
+<!-- b-icon-spin-aminations-transforms.vue -->
+```
+
+**Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
+query. See the
+[reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
+additional details.
+
 ## Stacking icons
 
 <span class="badge badge-info small">v2.3.0+</span>
@@ -492,6 +533,8 @@ Stacked icon notes:
 - The `font-scale` prop cannot be used on the inner icon components
 - The `width` and `height` attributes cannot be applied to the inner icon components
 - Stacked icons **cannot** be stacked inside another `<b-iconstack>`
+- Note the `spin` and `pulse` animation props on the child icons will have no effect, however you
+  can use the animation props on the `<b-iconstack>` component.
 
 ## Using in components
 

From 7e68cd73f4f1305397bc1cd1d08148ff98d05c2d Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:37:53 -0300
Subject: [PATCH 07/49] Update README.md

---
 src/icons/README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/icons/README.md b/src/icons/README.md
index 2b7ea3b777f..b02d7fed0b1 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -464,6 +464,8 @@ Note that the animations are CSS based, and is applied _after_ any transforms ha
 <!-- b-icon-spin-aminations-transforms.vue -->
 ```
 
+The animation effects require BootstrapVue's custom CSS.
+
 **Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
 query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for

From 35c38d4c893e182accf40111b1acfc35d5a4e8ed Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:49:24 -0300
Subject: [PATCH 08/49] Update _icons.scss

---
 src/icons/_icons.scss | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 1a4554a972e..0ff4a8a79d2 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -23,6 +23,13 @@
       animation: none;
     }
   }
+
+  &.b-icon-cylon {
+    animation: b-icon-cylon 2s infinite ease-in-out;
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
 }
 
 // Animation for spinning icons
@@ -35,6 +42,24 @@
   }
 }
 
+@keyframes b-icon-cylon {
+  0% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-50%};
+  }
+  50% {
+    transform: translateX(0);
+  }
+  75% {
+    transform: translateX(50%};
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+
 // Make icons slightly larger in buttons, nav-links, dropdowns, and input-group-text
 .btn,
 .nav-link,

From c44024b1098b67904dbe933ace92a0553e40abaa Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 02:50:19 -0300
Subject: [PATCH 09/49] Update _icons.scss

---
 src/icons/_icons.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 0ff4a8a79d2..1c52b6da186 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -47,13 +47,13 @@
     transform: translateX(0);
   }
   25% {
-    transform: translateX(-50%};
+    transform: translateX(-50%);
   }
   50% {
     transform: translateX(0);
   }
   75% {
-    transform: translateX(50%};
+    transform: translateX(50%);
   }
   100% {
     transform: translateX(0);

From 5609994d34d0085c448dbb496e16a022a43f502c Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:03:21 -0300
Subject: [PATCH 10/49] Update _icons.scss

---
 src/icons/_icons.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 1c52b6da186..dd7c9cfe339 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -25,7 +25,7 @@
   }
 
   &.b-icon-cylon {
-    animation: b-icon-cylon 2s infinite ease-in-out;
+    animation: b-icon-cylon 2s infinite linear;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
@@ -47,13 +47,15 @@
     transform: translateX(0);
   }
   25% {
-    transform: translateX(-50%);
+    transform: translateX(-25%);
+    animation-timing-function: ease-in-out;
   }
   50% {
     transform: translateX(0);
   }
   75% {
-    transform: translateX(50%);
+    transform: translateX(25%);
+    animation-timing-function: ease-in-out;
   }
   100% {
     transform: translateX(0);

From 8f919370be7bfeda175ed5d5d94e42d06a6b5085 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:06:59 -0300
Subject: [PATCH 11/49] Update icon-base.js

---
 src/icons/helpers/icon-base.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/icons/helpers/icon-base.js b/src/icons/helpers/icon-base.js
index 49aa63889d4..aabb3382865 100644
--- a/src/icons/helpers/icon-base.js
+++ b/src/icons/helpers/icon-base.js
@@ -45,6 +45,10 @@ export const commonIconProps = {
   pulse: {
     type: Boolean,
     default: false
+  },
+  cylon: {
+    type: Boolean,
+    default: false
   }
 }
 
@@ -81,6 +85,9 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
     const shiftV = toFloat(props.shiftV) || 0
     const flipH = props.flipH
     const flipV = props.flipV
+    const spin = props.spin
+    const pulse = props.pulse
+    const cylon = props.cylon
     // Compute the transforms
     // Note that order is important as SVG transforms are applied in order from
     // left to right and we want flipping/scale to occur before rotation
@@ -126,8 +133,9 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
           staticClass: 'b-icon bi',
           class: {
             [`text-${props.variant}`]: !!props.variant,
-            'b-icon-spin': !isStacked && props.spin && !props.pulse,
-            'b-icon-pulse': !isStacked && props.pulse
+            'b-icon-spin': !isStacked && spin && !pulse && !cylon,
+            'b-icon-pulse': !isStacked && pulse && !cylon,
+            'b-icon-cylon': !isStacked && cylon
           },
           attrs: baseAttrs,
           style: isStacked ? {} : { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` }

From 1bc6521fdd05ebd87fcbc9d35bebdbbffd5c159a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:08:44 -0300
Subject: [PATCH 12/49] Update package.json

---
 src/icons/package.json | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/icons/package.json b/src/icons/package.json
index 100611f8262..5b1ec81ccfc 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -63,6 +63,11 @@
             "prop": "pulse",
             "version": "2.7.0",
             "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
+          },
+          {
+            "prop": "cylon",
+            "version": "2.7.0",
+            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
           }
         ]
       },
@@ -111,6 +116,11 @@
             "prop": "pulse",
             "version": "2.7.0",
             "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
+          },
+          {
+            "prop": "cylon",
+            "version": "2.7.0",
+            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
           }
         ]
       },
@@ -164,6 +174,11 @@
             "prop": "pulse",
             "version": "2.7.0",
             "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
+          },
+          {
+            "prop": "cylon",
+            "version": "2.7.0",
+            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
           }
         ]
       },

From 437e43159df1a516bc6068999cbce9a806c63eb9 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:17:02 -0300
Subject: [PATCH 13/49] Update README.md

---
 src/icons/README.md | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index b02d7fed0b1..da527fd5c0b 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -433,10 +433,12 @@ affected. If you need to shift the border/background with the icon, use Bootstra
 <span class="badge badge-info small">v2.7.0+</span>
 
 BootstrapVue includes two spinning animation options for icons: `spin` and `pulse`. Both animations
-spin the icon clockwise, but pulse uses a stepped spin.
+spin the icon clockwise, but pulse uses a stepped spin. A third animation called `cylon` is also
+provided. 
 
-To use the spin animation, set the `spin` prop to true. To use hte pulse animation, set the `pulse`
-prop to `true`. Note that `pulse` takes precedence over `spin`.
+To use the spin animation, set the `spin` prop to true. To use the pulse animation, set the `pulse`
+prop to `true`, and to use the cylon animation set the `cylon` prop to true. Note that `pulse`
+takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
 
 ```html
 <template>
@@ -446,18 +448,24 @@ prop to `true`. Note that `pulse` takes precedence over `spin`.
 
     <p class="mt-3">Pulsing animation</p>
     <b-icon icon="arrow-clockwise" pulse font-scale="4"></b-icon>
+
+    <p class="mt-3">Cylon animation</p>
+    <b-icon icon="dot" cylon font-scale="4"></b-icon>
   </div>
 </template>
 
 <!-- b-icon-spin-aminations.vue -->
 ```
 
-Note that the animations are CSS based, and is applied _after_ any transforms have taken place:
+Note with the `cylon` anmination, the left-right movement extends past the icon's bounding box,
+so you may need to adjust padding or margins to compensate for your use case.
+
+As the animations are CSS based, they are applied _after_ any transforms have taken place:
 
 ```html
 <template>
   <div class="p-4">
-    <b-icon icon="clock" spin font-scale="4" shift-v="8" class="bg-info"></b-icon>
+    <b-icon icon="clock" spin font-scale="4" shift-v="8"></b-icon>
   </div>
 </template>
 
@@ -471,6 +479,9 @@ query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
 additional details.
 
+Side note: the `cylon` animation gets its name from the Cylons of the _original_ Battlestar
+Galactica TV series of the late 1970's.
+
 ## Stacking icons
 
 <span class="badge badge-info small">v2.3.0+</span>

From 0e06f2bdafee016c2b73033d9864d20e38f700b1 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:26:46 -0300
Subject: [PATCH 14/49] Update _icons.scss

---
 src/icons/_icons.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index dd7c9cfe339..f170155e71c 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -45,6 +45,7 @@
 @keyframes b-icon-cylon {
   0% {
     transform: translateX(0);
+    animation-timing-function: ease-out;
   }
   25% {
     transform: translateX(-25%);
@@ -52,6 +53,7 @@
   }
   50% {
     transform: translateX(0);
+    animation-timing-function: ease-in-out;
   }
   75% {
     transform: translateX(25%);
@@ -59,6 +61,7 @@
   }
   100% {
     transform: translateX(0);
+    animation-timing-function: ease-in;
   }
 }
 

From db11f5b89078bb430ebd2aec561683e10a31917a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:31:01 -0300
Subject: [PATCH 15/49] Update _icons.scss

---
 src/icons/_icons.scss | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index f170155e71c..35e2d328be1 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -25,7 +25,7 @@
   }
 
   &.b-icon-cylon {
-    animation: b-icon-cylon 2s infinite linear;
+    animation: b-icon-cylon 1.25s infinite linear;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
@@ -45,23 +45,18 @@
 @keyframes b-icon-cylon {
   0% {
     transform: translateX(0);
-    animation-timing-function: ease-out;
   }
   25% {
     transform: translateX(-25%);
-    animation-timing-function: ease-in-out;
   }
   50% {
     transform: translateX(0);
-    animation-timing-function: ease-in-out;
   }
   75% {
     transform: translateX(25%);
-    animation-timing-function: ease-in-out;
   }
   100% {
     transform: translateX(0);
-    animation-timing-function: ease-in;
   }
 }
 

From ce739f951f3533bafa09c4b2000d444da3f7b55a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:37:25 -0300
Subject: [PATCH 16/49] Update _icons.scss

---
 src/icons/_icons.scss | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 35e2d328be1..7947d1816b1 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -49,9 +49,6 @@
   25% {
     transform: translateX(-25%);
   }
-  50% {
-    transform: translateX(0);
-  }
   75% {
     transform: translateX(25%);
   }

From 376ecd84bb452726d12fe75c433b96361b1beaa0 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:42:46 -0300
Subject: [PATCH 17/49] Update _icons.scss

---
 src/icons/_icons.scss | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 7947d1816b1..173a03933bc 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -11,21 +11,21 @@
   }
 
   &.b-icon-spin {
-    animation: b-icon-spin 2s infinite linear;
+    animation: 2s infinite linear b-icon-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
   &.b-icon-pulse {
-    animation: b-icon-spin 1s infinite steps(8);
+    animation: 1s infinite steps(8) b-icon-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
   &.b-icon-cylon {
-    animation: b-icon-cylon 1.25s infinite linear;
+    animation: 1s infinite ease-in-out alternate b-icon-cylon;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
@@ -44,16 +44,10 @@
 
 @keyframes b-icon-cylon {
   0% {
-    transform: translateX(0);
-  }
-  25% {
     transform: translateX(-25%);
   }
-  75% {
-    transform: translateX(25%);
-  }
   100% {
-    transform: translateX(0);
+    transform: translateX(25%);
   }
 }
 

From 5e54668a3d9e12130f2e0d535405dc0b0bb936e5 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:44:54 -0300
Subject: [PATCH 18/49] Update README.md

---
 src/icons/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index da527fd5c0b..cc9e036f5b4 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -450,7 +450,7 @@ takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
     <b-icon icon="arrow-clockwise" pulse font-scale="4"></b-icon>
 
     <p class="mt-3">Cylon animation</p>
-    <b-icon icon="dot" cylon font-scale="4"></b-icon>
+    <b-icon icon="three-dots" cylon font-scale="4"></b-icon>
   </div>
 </template>
 

From 4c6f30aebecd8b2d2b2fa94f8beba2d29cdbfa85 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:47:42 -0300
Subject: [PATCH 19/49] Update README.md

---
 src/icons/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index cc9e036f5b4..7eb45de43a4 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -460,7 +460,7 @@ takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
 Note with the `cylon` anmination, the left-right movement extends past the icon's bounding box,
 so you may need to adjust padding or margins to compensate for your use case.
 
-As the animations are CSS based, they are applied _after_ any transforms have taken place:
+As the animations are CSS based, they are applied _after_ any SVG transforms have taken place:
 
 ```html
 <template>
@@ -479,8 +479,8 @@ query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
 additional details.
 
-Side note: the `cylon` animation gets its name from the Cylons of the _original_ Battlestar
-Galactica TV series of the late 1970's.
+Side note: the `cylon` animation gets its name from the "eye" of the Cylons from the _original_ 1978
+Battlestar Galactica TV series.
 
 ## Stacking icons
 

From bed72834160c23671bf631109434e5be4611e0ff Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 03:51:55 -0300
Subject: [PATCH 20/49] Update README.md

---
 src/icons/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index 7eb45de43a4..1b559237581 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -479,8 +479,8 @@ query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
 additional details.
 
-Side note: the `cylon` animation gets its name from the "eye" of the Cylons from the _original_ 1978
-Battlestar Galactica TV series.
+Side note: the `cylon` animation gets its name from the "eye" of the Cylons from the _original_
+[1978 Battlestar Galactica TV series](https://www.youtube.com/watch?v=5a5bEIf0UaU).
 
 ## Stacking icons
 

From 966256c561ade191f107317c37b84af414841c34 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 04:12:41 -0300
Subject: [PATCH 21/49] Update _icons.scss

---
 src/icons/_icons.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 173a03933bc..4a239562ca7 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -25,7 +25,7 @@
   }
 
   &.b-icon-cylon {
-    animation: 1s infinite ease-in-out alternate b-icon-cylon;
+    animation: 0.75s infinite ease-in-out alternate b-icon-cylon;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }

From 79f21e64496466f1be4d05d4c33841fecb3eedc2 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 04:14:56 -0300
Subject: [PATCH 22/49] Update README.md

---
 src/icons/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index 1b559237581..00abed34b83 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -546,8 +546,8 @@ Stacked icon notes:
 - The `font-scale` prop cannot be used on the inner icon components
 - The `width` and `height` attributes cannot be applied to the inner icon components
 - Stacked icons **cannot** be stacked inside another `<b-iconstack>`
-- Note the `spin` and `pulse` animation props on the child icons will have no effect, however you
-  can use the animation props on the `<b-iconstack>` component.
+- Note the animation props on the child icons will have no effect, however you _can_ use the
+  animation props on the `<b-iconstack>` component.
 
 ## Using in components
 

From 6bdb27fdbae5e1970007b042951cdfd3fe04e7fe Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 04:29:31 -0300
Subject: [PATCH 23/49] Update README.md

---
 src/icons/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index 00abed34b83..3bc04253834 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -297,7 +297,7 @@ With the use of Bootstrap's border and background
 <!-- icons-styling.vue -->
 ```
 
-## Transforms
+## SVG transforms
 
 BootstrapVue icons provide several props for applying basic SVG transforms to the `<svg>`. All
 transforms can be combined for added effect. Note that the transforms are applied to the `<svg>`
@@ -446,10 +446,10 @@ takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
     <p>Spinning animation:</p>
     <b-icon icon="arrow-clockwise" spin font-scale="4"></b-icon>
 
-    <p class="mt-3">Pulsing animation</p>
+    <p class="mt-3">Pulsing animation:</p>
     <b-icon icon="arrow-clockwise" pulse font-scale="4"></b-icon>
 
-    <p class="mt-3">Cylon animation</p>
+    <p class="mt-3">Cylon animation:</p>
     <b-icon icon="three-dots" cylon font-scale="4"></b-icon>
   </div>
 </template>
@@ -457,8 +457,8 @@ takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
 <!-- b-icon-spin-aminations.vue -->
 ```
 
-Note with the `cylon` anmination, the left-right movement extends past the icon's bounding box,
-so you may need to adjust padding or margins to compensate for your use case.
+Note with the `cylon` anmination, the left-right movement extends past the icon's bounding box
+by 25%, so you may need to adjust padding or margins to compensate for your use case.
 
 As the animations are CSS based, they are applied _after_ any SVG transforms have taken place:
 

From 8e45ba12ce689b57cddb63314671e390a8b4706a Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 04:55:44 -0300
Subject: [PATCH 24/49] Update icons.spec.js

---
 src/icons/icons.spec.js | 55 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/src/icons/icons.spec.js b/src/icons/icons.spec.js
index 3861272b540..daff35e06a4 100644
--- a/src/icons/icons.spec.js
+++ b/src/icons/icons.spec.js
@@ -430,4 +430,59 @@ describe('icons', () => {
     )
     expect(wrapper.find('svg > g > g > path').exists()).toBe(true)
   })
+
+  it('b-icon animation props work', async () => {
+    const wrapper = mount(BIcon, {
+      localVue: localVue,
+      parentComponent: parentComponent,
+      propsData: {
+        icon: 'circle-fill',
+        spin: false,
+        pulse: false,
+        cylon: false
+      }
+    })
+
+    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.is('svg')).toBe(true)
+    expect(wrapper.classes()).toContain('b-icon')
+    expect(wrapper.classes()).toContain('bi')
+    expect(wrapper.classes()).toContain('bi-circle-fill')
+    expect(wrapper.classes()).not.toContain('b-icon-spin')
+    expect(wrapper.classes()).not.toContain('b-icon-pulse')
+    expect(wrapper.classes()).not.toContain('b-icon-cylon')
+
+    wrapper.setProps({
+      spin: true
+    })
+
+    expect(wrapper.classes()).toContain('b-icon')
+    expect(wrapper.classes()).toContain('bi')
+    expect(wrapper.classes()).toContain('bi-circle-fill')
+    expect(wrapper.classes()).toContain('b-icon-spin')
+    expect(wrapper.classes()).not.toContain('b-icon-pulse')
+    expect(wrapper.classes()).not.toContain('b-icon-cylon')
+
+    wrapper.setProps({
+      pulse: true
+    })
+
+    expect(wrapper.classes()).toContain('b-icon')
+    expect(wrapper.classes()).toContain('bi')
+    expect(wrapper.classes()).toContain('bi-circle-fill')
+    expect(wrapper.classes()).not.toContain('b-icon-spin')
+    expect(wrapper.classes()).toContain('b-icon-pulse')
+    expect(wrapper.classes()).not.toContain('b-icon-cylon')
+
+    wrapper.setProps({
+      cylon: true
+    })
+
+    expect(wrapper.classes()).toContain('b-icon')
+    expect(wrapper.classes()).toContain('bi')
+    expect(wrapper.classes()).toContain('bi-circle-fill')
+    expect(wrapper.classes()).not.toContain('b-icon-spin')
+    expect(wrapper.classes()).not.toContain('b-icon-pulse')
+    expect(wrapper.classes()).toContain('b-icon-cylon')
+  })
 })

From a967cad8737ce78054825b3e87c663b205666893 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:04:22 -0300
Subject: [PATCH 25/49] Update icons.spec.js

---
 src/icons/icons.spec.js | 45 +++++++++++++++++++++++++----------------
 1 file changed, 28 insertions(+), 17 deletions(-)

diff --git a/src/icons/icons.spec.js b/src/icons/icons.spec.js
index daff35e06a4..27c76bf54d1 100644
--- a/src/icons/icons.spec.js
+++ b/src/icons/icons.spec.js
@@ -431,13 +431,13 @@ describe('icons', () => {
     expect(wrapper.find('svg > g > g > path').exists()).toBe(true)
   })
 
-  it('b-icon animation props work', async () => {
+  it('b-icon spin animation props work', async () => {
     const wrapper = mount(BIcon, {
       localVue: localVue,
       parentComponent: parentComponent,
       propsData: {
         icon: 'circle-fill',
-        spin: false,
+        spin: true,
         pulse: false,
         cylon: false
       }
@@ -445,39 +445,50 @@ describe('icons', () => {
 
     expect(wrapper.exists()).toBe(true)
     expect(wrapper.is('svg')).toBe(true)
-    expect(wrapper.classes()).toContain('b-icon')
-    expect(wrapper.classes()).toContain('bi')
-    expect(wrapper.classes()).toContain('bi-circle-fill')
-    expect(wrapper.classes()).not.toContain('b-icon-spin')
-    expect(wrapper.classes()).not.toContain('b-icon-pulse')
-    expect(wrapper.classes()).not.toContain('b-icon-cylon')
-
-    wrapper.setProps({
-      spin: true
-    })
-
     expect(wrapper.classes()).toContain('b-icon')
     expect(wrapper.classes()).toContain('bi')
     expect(wrapper.classes()).toContain('bi-circle-fill')
     expect(wrapper.classes()).toContain('b-icon-spin')
     expect(wrapper.classes()).not.toContain('b-icon-pulse')
     expect(wrapper.classes()).not.toContain('b-icon-cylon')
+  })
 
-    wrapper.setProps({
-      pulse: true
+  it('b-icon pulse animation props work', async () => {
+    const wrapper = mount(BIcon, {
+      localVue: localVue,
+      parentComponent: parentComponent,
+      propsData: {
+        icon: 'circle-fill',
+        spin: true,
+        pulse: true,
+        cylon: false
+      }
     })
 
+    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.is('svg')).toBe(true)
     expect(wrapper.classes()).toContain('b-icon')
     expect(wrapper.classes()).toContain('bi')
     expect(wrapper.classes()).toContain('bi-circle-fill')
     expect(wrapper.classes()).not.toContain('b-icon-spin')
     expect(wrapper.classes()).toContain('b-icon-pulse')
     expect(wrapper.classes()).not.toContain('b-icon-cylon')
+  })
 
-    wrapper.setProps({
-      cylon: true
+  it('b-icon cylon animation props work', async () => {
+    const wrapper = mount(BIcon, {
+      localVue: localVue,
+      parentComponent: parentComponent,
+      propsData: {
+        icon: 'circle-fill',
+        spin: true,
+        pulse: true,
+        cylon: true
+      }
     })
 
+    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.is('svg')).toBe(true)
     expect(wrapper.classes()).toContain('b-icon')
     expect(wrapper.classes()).toContain('bi')
     expect(wrapper.classes()).toContain('bi-circle-fill')

From b5ed8bc2b6d71170ad40a50fedbf03aa0ee635e7 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:05:59 -0300
Subject: [PATCH 26/49] Update README.md

---
 src/components/spinner/README.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/spinner/README.md b/src/components/spinner/README.md
index 3f93b76a4c1..45dc46fae37 100644
--- a/src/components/spinner/README.md
+++ b/src/components/spinner/README.md
@@ -222,4 +222,8 @@ label is provided. You can easily customize the role if required via prop `role`
 As well, when no label is provided, the spinner will automatically have the attribute
 `aria-hidden="true"` to hide the spinner from screen reader users.
 
+## See also
+
+An alternative to the `<b-spinner>` component is [animated icons](/docs/icons/#animated-icons).
+
 <!-- Component reference added automatically from component package.json -->

From 9f07d5bd74261cd145288056de7c32f6daa24626 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:08:35 +0100
Subject: [PATCH 27/49] Update README.md

---
 src/icons/README.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index 3bc04253834..b00125b6b92 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -434,11 +434,11 @@ affected. If you need to shift the border/background with the icon, use Bootstra
 
 BootstrapVue includes two spinning animation options for icons: `spin` and `pulse`. Both animations
 spin the icon clockwise, but pulse uses a stepped spin. A third animation called `cylon` is also
-provided. 
+provided.
 
 To use the spin animation, set the `spin` prop to true. To use the pulse animation, set the `pulse`
-prop to `true`, and to use the cylon animation set the `cylon` prop to true. Note that `pulse`
-takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
+prop to `true`, and to use the cylon animation set the `cylon` prop to true. Note that `pulse` takes
+precedence over `spin`, and `cylon` takes precedence over `pulse`.
 
 ```html
 <template>
@@ -457,8 +457,8 @@ takes precedence over `spin`, and `cylon` takes precedence over `pulse`.
 <!-- b-icon-spin-aminations.vue -->
 ```
 
-Note with the `cylon` anmination, the left-right movement extends past the icon's bounding box
-by 25%, so you may need to adjust padding or margins to compensate for your use case.
+Note with the `cylon` animation, the left-right movement extends past the icon's bounding box by
+25%, so you may need to adjust padding or margins to compensate for your use case.
 
 As the animations are CSS based, they are applied _after_ any SVG transforms have taken place:
 

From d6e7c21a93c982c3347917ee109d08f2d807f8dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:10:59 +0100
Subject: [PATCH 28/49] Update README.md

---
 src/components/spinner/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/spinner/README.md b/src/components/spinner/README.md
index 45dc46fae37..9a6e8a24bdf 100644
--- a/src/components/spinner/README.md
+++ b/src/components/spinner/README.md
@@ -224,6 +224,6 @@ As well, when no label is provided, the spinner will automatically have the attr
 
 ## See also
 
-An alternative to the `<b-spinner>` component is [animated icons](/docs/icons/#animated-icons).
+An alternative to the `<b-spinner>` component are [animated icons](/docs/icons/#animated-icons).
 
 <!-- Component reference added automatically from component package.json -->

From 41bf7237e50174d4054a3293f07e204a5677fabe Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:12:53 -0300
Subject: [PATCH 29/49] Update README.md

---
 src/icons/README.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index b00125b6b92..d61782f5b09 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -458,7 +458,7 @@ precedence over `spin`, and `cylon` takes precedence over `pulse`.
 ```
 
 Note with the `cylon` animation, the left-right movement extends past the icon's bounding box by
-25%, so you may need to adjust padding or margins to compensate for your use case.
+`25%`, so you may need to adjust padding or margins to compensate for your use case.
 
 As the animations are CSS based, they are applied _after_ any SVG transforms have taken place:
 
@@ -472,7 +472,10 @@ As the animations are CSS based, they are applied _after_ any SVG transforms hav
 <!-- b-icon-spin-aminations-transforms.vue -->
 ```
 
-The animation effects require BootstrapVue's custom CSS.
+The BootstrapVue custom icon animation effects require BootstrapVue's custom CSS.
+
+Need a different style animation? Just create a custom class defining the animation, and apply that
+class to the icon component.
 
 **Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
 query. See the

From 87f74b69aa1de0ce5a606c2cebba97d5f7b456eb Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:26:08 -0300
Subject: [PATCH 30/49] Update icon-base.js

---
 src/icons/helpers/icon-base.js | 22 +++++-----------------
 1 file changed, 5 insertions(+), 17 deletions(-)

diff --git a/src/icons/helpers/icon-base.js b/src/icons/helpers/icon-base.js
index aabb3382865..79d380dbb3a 100644
--- a/src/icons/helpers/icon-base.js
+++ b/src/icons/helpers/icon-base.js
@@ -38,17 +38,9 @@ export const commonIconProps = {
     type: [Number, String],
     default: 0
   },
-  spin: {
-    type: Boolean,
-    default: false
-  },
-  pulse: {
-    type: Boolean,
-    default: false
-  },
-  cylon: {
-    type: Boolean,
-    default: false
+  animation: {
+    type: String,
+    default: null
   }
 }
 
@@ -85,9 +77,7 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
     const shiftV = toFloat(props.shiftV) || 0
     const flipH = props.flipH
     const flipV = props.flipV
-    const spin = props.spin
-    const pulse = props.pulse
-    const cylon = props.cylon
+    const animation = props.animation
     // Compute the transforms
     // Note that order is important as SVG transforms are applied in order from
     // left to right and we want flipping/scale to occur before rotation
@@ -133,9 +123,7 @@ export const BVIconBase = /*#__PURE__*/ Vue.extend({
           staticClass: 'b-icon bi',
           class: {
             [`text-${props.variant}`]: !!props.variant,
-            'b-icon-spin': !isStacked && spin && !pulse && !cylon,
-            'b-icon-pulse': !isStacked && pulse && !cylon,
-            'b-icon-cylon': !isStacked && cylon
+            [`b-icon-animation-${animation}`]: !!animation
           },
           attrs: baseAttrs,
           style: isStacked ? {} : { fontSize: fontScale === 1 ? null : `${fontScale * 100}%` }

From 2276e0e364dd79952087707f84a717a94b44d95e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:27:09 -0300
Subject: [PATCH 31/49] Update icons.spec.js

---
 src/icons/icons.spec.js | 54 +++--------------------------------------
 1 file changed, 3 insertions(+), 51 deletions(-)

diff --git a/src/icons/icons.spec.js b/src/icons/icons.spec.js
index 27c76bf54d1..2b4c953aea8 100644
--- a/src/icons/icons.spec.js
+++ b/src/icons/icons.spec.js
@@ -431,15 +431,13 @@ describe('icons', () => {
     expect(wrapper.find('svg > g > g > path').exists()).toBe(true)
   })
 
-  it('b-icon spin animation props work', async () => {
+  it('b-icon animation prop works', async () => {
     const wrapper = mount(BIcon, {
       localVue: localVue,
       parentComponent: parentComponent,
       propsData: {
         icon: 'circle-fill',
-        spin: true,
-        pulse: false,
-        cylon: false
+        animation: 'spin'
       }
     })
 
@@ -448,52 +446,6 @@ describe('icons', () => {
     expect(wrapper.classes()).toContain('b-icon')
     expect(wrapper.classes()).toContain('bi')
     expect(wrapper.classes()).toContain('bi-circle-fill')
-    expect(wrapper.classes()).toContain('b-icon-spin')
-    expect(wrapper.classes()).not.toContain('b-icon-pulse')
-    expect(wrapper.classes()).not.toContain('b-icon-cylon')
-  })
-
-  it('b-icon pulse animation props work', async () => {
-    const wrapper = mount(BIcon, {
-      localVue: localVue,
-      parentComponent: parentComponent,
-      propsData: {
-        icon: 'circle-fill',
-        spin: true,
-        pulse: true,
-        cylon: false
-      }
-    })
-
-    expect(wrapper.exists()).toBe(true)
-    expect(wrapper.is('svg')).toBe(true)
-    expect(wrapper.classes()).toContain('b-icon')
-    expect(wrapper.classes()).toContain('bi')
-    expect(wrapper.classes()).toContain('bi-circle-fill')
-    expect(wrapper.classes()).not.toContain('b-icon-spin')
-    expect(wrapper.classes()).toContain('b-icon-pulse')
-    expect(wrapper.classes()).not.toContain('b-icon-cylon')
-  })
-
-  it('b-icon cylon animation props work', async () => {
-    const wrapper = mount(BIcon, {
-      localVue: localVue,
-      parentComponent: parentComponent,
-      propsData: {
-        icon: 'circle-fill',
-        spin: true,
-        pulse: true,
-        cylon: true
-      }
-    })
-
-    expect(wrapper.exists()).toBe(true)
-    expect(wrapper.is('svg')).toBe(true)
-    expect(wrapper.classes()).toContain('b-icon')
-    expect(wrapper.classes()).toContain('bi')
-    expect(wrapper.classes()).toContain('bi-circle-fill')
-    expect(wrapper.classes()).not.toContain('b-icon-spin')
-    expect(wrapper.classes()).not.toContain('b-icon-pulse')
-    expect(wrapper.classes()).toContain('b-icon-cylon')
+    expect(wrapper.classes()).toContain('b-icon-animation-spin')
   })
 })

From db495fa1c2f4a2ceffb5f732335d31d34a66d1a1 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:27:57 -0300
Subject: [PATCH 32/49] Update _icons.scss

---
 src/icons/_icons.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index 4a239562ca7..ad45d1fd79c 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -10,22 +10,22 @@
     vertical-align: -0.15em;
   }
 
-  &.b-icon-spin {
-    animation: 2s infinite linear b-icon-spin;
+  &.b-icon-animation-spin {
+    animation: 2s infinite linear b-icon-animation-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
-  &.b-icon-pulse {
-    animation: 1s infinite steps(8) b-icon-spin;
+  &.b-icon-animation-pulse {
+    animation: 1s infinite steps(8) b-icon-animation-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
-  &.b-icon-cylon {
-    animation: 0.75s infinite ease-in-out alternate b-icon-cylon;
+  &.b-icon-animation-cylon {
+    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
@@ -33,7 +33,7 @@
 }
 
 // Animation for spinning icons
-@keyframes b-icon-spin {
+@keyframes b-icon-animation-spin {
   0% {
     transform: rotate(0deg);
   }
@@ -42,7 +42,7 @@
   }
 }
 
-@keyframes b-icon-cylon {
+@keyframes b-icon-animation-cylon {
   0% {
     transform: translateX(-25%);
   }

From 36af74d29cb83c57658aae5bebc4e738b28f64d2 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:30:06 -0300
Subject: [PATCH 33/49] Update package.json

---
 src/icons/package.json | 42 ++++++------------------------------------
 1 file changed, 6 insertions(+), 36 deletions(-)

diff --git a/src/icons/package.json b/src/icons/package.json
index 5b1ec81ccfc..7a7a9b63800 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -55,19 +55,9 @@
             "description": "Set this prop to true when placing inside a BIconstack component"
           },
           {
-            "prop": "spin",
+            "prop": "animation",
             "version": "2.7.0",
-            "description": "When set, applies a spinning animation to the icon"
-          },
-          {
-            "prop": "pulse",
-            "version": "2.7.0",
-            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
-          },
-          {
-            "prop": "cylon",
-            "version": "2.7.0",
-            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
+            "description": "Animat the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
           }
         ]
       },
@@ -108,19 +98,9 @@
             "description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
           },
           {
-            "prop": "spin",
-            "version": "2.7.0",
-            "description": "When set, applies a spinning animation to the icon"
-          },
-          {
-            "prop": "pulse",
+            "prop": "animation",
             "version": "2.7.0",
-            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
-          },
-          {
-            "prop": "cylon",
-            "version": "2.7.0",
-            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
+            "description": "Animat the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
           }
         ]
       },
@@ -166,19 +146,9 @@
             "description": "Set this prop to true when placing inside a BIconstack component"
           },
           {
-            "prop": "spin",
-            "version": "2.7.0",
-            "description": "When set, applies a spinning animation to the icon"
-          },
-          {
-            "prop": "pulse",
-            "version": "2.7.0",
-            "description": "When set, applies a pulsing spin animation to the icon. Takes precedence over the `spin` prop"
-          },
-          {
-            "prop": "cylon",
+            "prop": "animation",
             "version": "2.7.0",
-            "description": "When set, applies a cylon animation to the icon. Takes precedence over the `pulse` prop"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
           }
         ]
       },

From 9fbe1ea87187d6be5871dc843582f30a3c500b4d Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:30:56 -0300
Subject: [PATCH 34/49] Update package.json

---
 src/icons/package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/package.json b/src/icons/package.json
index 7a7a9b63800..75aedaedf4a 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -57,7 +57,7 @@
           {
             "prop": "animation",
             "version": "2.7.0",
-            "description": "Animat the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
           }
         ]
       },
@@ -100,7 +100,7 @@
           {
             "prop": "animation",
             "version": "2.7.0",
-            "description": "Animat the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
           }
         ]
       },

From ad9c26ca3a2d7a4054a715e6dbbda498992d5cca Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:36:54 -0300
Subject: [PATCH 35/49] Update README.md

---
 src/icons/README.md | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index d61782f5b09..6a52e509669 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -436,21 +436,20 @@ BootstrapVue includes two spinning animation options for icons: `spin` and `puls
 spin the icon clockwise, but pulse uses a stepped spin. A third animation called `cylon` is also
 provided.
 
-To use the spin animation, set the `spin` prop to true. To use the pulse animation, set the `pulse`
-prop to `true`, and to use the cylon animation set the `cylon` prop to true. Note that `pulse` takes
-precedence over `spin`, and `cylon` takes precedence over `pulse`.
+To use the spin animation, set the `animation` prop to one of the animation ames `'spin'`, `'pulse'`
+or `'cyclon'`.
 
 ```html
 <template>
   <div>
     <p>Spinning animation:</p>
-    <b-icon icon="arrow-clockwise" spin font-scale="4"></b-icon>
+    <b-icon icon="arrow-clockwise" animation="spin" font-scale="4"></b-icon>
 
     <p class="mt-3">Pulsing animation:</p>
-    <b-icon icon="arrow-clockwise" pulse font-scale="4"></b-icon>
+    <b-icon icon="arrow-clockwise" animation="pulse" font-scale="4"></b-icon>
 
     <p class="mt-3">Cylon animation:</p>
-    <b-icon icon="three-dots" cylon font-scale="4"></b-icon>
+    <b-icon icon="three-dots" animation="cylon" font-scale="4"></b-icon>
   </div>
 </template>
 
@@ -465,17 +464,19 @@ As the animations are CSS based, they are applied _after_ any SVG transforms hav
 ```html
 <template>
   <div class="p-4">
-    <b-icon icon="clock" spin font-scale="4" shift-v="8"></b-icon>
+    <b-icon icon="clock" animation="spin" font-scale="4" shift-v="8"></b-icon>
   </div>
 </template>
 
 <!-- b-icon-spin-aminations-transforms.vue -->
 ```
 
-The BootstrapVue custom icon animation effects require BootstrapVue's custom CSS.
+The BootstrapVue custom icon animation effects require BootstrapVue's custom CSS. The `animation`
+prop translates to the class name `b-icon-animation-{animationName}`.
 
 Need a different style animation? Just create a custom class defining the animation, and apply that
-class to the icon component.
+class to the icon component, or create a new animation class in the form of
+`b-icon-animation-{animationName}` and pass the custom animation name to the `animation` prop.
 
 **Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
 query. See the

From b5d6131e775df49691e55e4a262fa58642b7c315 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:45:25 -0300
Subject: [PATCH 36/49] Update README.md

---
 src/icons/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index 6a52e509669..d76d50948a4 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -478,8 +478,8 @@ Need a different style animation? Just create a custom class defining the animat
 class to the icon component, or create a new animation class in the form of
 `b-icon-animation-{animationName}` and pass the custom animation name to the `animation` prop.
 
-**Note:** The animation effect of this component is dependent on the `prefers-reduced-motion` media
-query. See the
+**Note:** The BootstrapVue custom animation effects of this component is dependent on the
+`prefers-reduced-motion` media query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
 additional details.
 

From 0effe8531e924e5e7f87f124c64e905cd175be7f Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 05:47:44 -0300
Subject: [PATCH 37/49] Update README.md

---
 src/icons/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index d76d50948a4..a476a150fa1 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -471,14 +471,14 @@ As the animations are CSS based, they are applied _after_ any SVG transforms hav
 <!-- b-icon-spin-aminations-transforms.vue -->
 ```
 
-The BootstrapVue custom icon animation effects require BootstrapVue's custom CSS. The `animation`
+The BootstrapVue defined icon animation effects require BootstrapVue's custom CSS. The `animation`
 prop translates to the class name `b-icon-animation-{animationName}`.
 
 Need a different style animation? Just create a custom class defining the animation, and apply that
 class to the icon component, or create a new animation class in the form of
 `b-icon-animation-{animationName}` and pass the custom animation name to the `animation` prop.
 
-**Note:** The BootstrapVue custom animation effects of this component is dependent on the
+**Note:** The BootstrapVue defined animation effects of this component is dependent on the
 `prefers-reduced-motion` media query. See the
 [reduced motion section of our accessibility documentation](/docs/reference/accessibility) for
 additional details.

From 05d4a1680ccc3b55287e2ee29a01ac7b59490ddc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:52:39 +0100
Subject: [PATCH 38/49] Update README.md

---
 src/icons/README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/README.md b/src/icons/README.md
index d76d50948a4..12d55ee231f 100644
--- a/src/icons/README.md
+++ b/src/icons/README.md
@@ -436,8 +436,8 @@ BootstrapVue includes two spinning animation options for icons: `spin` and `puls
 spin the icon clockwise, but pulse uses a stepped spin. A third animation called `cylon` is also
 provided.
 
-To use the spin animation, set the `animation` prop to one of the animation ames `'spin'`, `'pulse'`
-or `'cyclon'`.
+To use the spin animation, set the `animation` prop to one of the animation names `'spin'`,
+`'pulse'` or `'cylon'`.
 
 ```html
 <template>

From 82620cd8eb58e6dcca8678911770f505b65597e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:52:45 +0100
Subject: [PATCH 39/49] Update package.json

---
 src/icons/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/icons/package.json b/src/icons/package.json
index 75aedaedf4a..3d4b8c9ed18 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -57,7 +57,7 @@
           {
             "prop": "animation",
             "version": "2.7.0",
-            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -100,7 +100,7 @@
           {
             "prop": "animation",
             "version": "2.7.0",
-            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -148,7 +148,7 @@
           {
             "prop": "animation",
             "version": "2.7.0",
-            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cyclon'"
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },

From b0f7e54c147321e6c0e36238f63320c4b7360e20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:53:15 +0100
Subject: [PATCH 40/49] Add SCSS variables for icon animation duration

---
 src/_variables.scss   | 8 ++++++++
 src/icons/_icons.scss | 7 ++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/_variables.scss b/src/_variables.scss
index 6f03a53eed9..bbedca572a6 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -59,6 +59,14 @@ $b-custom-file-height-inner-sm: calc(
   #{$b-custom-file-line-height-sm * 1em} + #{$b-custom-file-padding-y-sm * 2}
 ) !default;
 
+// --- Icons ---
+
+// Animations
+$b-icon-animation-duration: 1s !default;
+$b-icon-animation-spin-duration: $b-icon-animation-duration * 2 !default;
+$b-icon-animation-pulse-duration: $b-icon-animation-duration !default;
+$b-icon-animation-cylon-duration: $b-icon-animation-duration * 0.75 !default;
+
 // --- Tables ---
 
 // Table busy state
diff --git a/src/icons/_icons.scss b/src/icons/_icons.scss
index ad45d1fd79c..d8d0c158bd1 100644
--- a/src/icons/_icons.scss
+++ b/src/icons/_icons.scss
@@ -11,21 +11,22 @@
   }
 
   &.b-icon-animation-spin {
-    animation: 2s infinite linear b-icon-animation-spin;
+    animation: $b-icon-animation-spin-duration infinite linear b-icon-animation-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
   &.b-icon-animation-pulse {
-    animation: 1s infinite steps(8) b-icon-animation-spin;
+    animation: $b-icon-animation-pulse-duration infinite steps(8) b-icon-animation-spin;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }
   }
 
   &.b-icon-animation-cylon {
-    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
+    animation: $b-icon-animation-cylon-duration infinite ease-in-out alternate
+      b-icon-animation-cylon;
     @media (prefers-reduced-motion: reduce) {
       animation: none;
     }

From e74bcc4480c28846050f83d6a8a898fc03ba5551 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 09:58:41 +0100
Subject: [PATCH 41/49] Update icons.scss

---
 src/icons.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/icons.scss b/src/icons.scss
index 73e18e55962..37e94be6fb6 100644
--- a/src/icons.scss
+++ b/src/icons.scss
@@ -1,5 +1,9 @@
 // --- BootstrapVue Icons Custom SCSS ---
 
+// Include variables and utilities first
+@import "variables";
+@import "utilities";
+
 // Include custom SCSS for icons
 // Temporary until Bootstrap v5 (maybe)
 @import "icons/index";

From 8628e0129534545a3576022e38d5a940aaf7bb93 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 06:02:01 -0300
Subject: [PATCH 42/49] Update icons.scss

---
 src/icons.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/icons.scss b/src/icons.scss
index 37e94be6fb6..e94296fe637 100644
--- a/src/icons.scss
+++ b/src/icons.scss
@@ -5,5 +5,4 @@
 @import "utilities";
 
 // Include custom SCSS for icons
-// Temporary until Bootstrap v5 (maybe)
 @import "icons/index";

From 8152bdd0fb3cbe4e673a440d8f3a50b43829aef6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 10:02:22 +0100
Subject: [PATCH 43/49] Revert "Update icons.scss"

This reverts commit e74bcc4480c28846050f83d6a8a898fc03ba5551.
---
 src/icons.scss | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/icons.scss b/src/icons.scss
index 37e94be6fb6..73e18e55962 100644
--- a/src/icons.scss
+++ b/src/icons.scss
@@ -1,9 +1,5 @@
 // --- BootstrapVue Icons Custom SCSS ---
 
-// Include variables and utilities first
-@import "variables";
-@import "utilities";
-
 // Include custom SCSS for icons
 // Temporary until Bootstrap v5 (maybe)
 @import "icons/index";

From 9dba3c009984682502534681ca3686267f63776b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 10:05:39 +0100
Subject: [PATCH 44/49] Update _variables.scss

---
 src/_variables.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/_variables.scss b/src/_variables.scss
index bbedca572a6..190e7203603 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -62,10 +62,9 @@ $b-custom-file-height-inner-sm: calc(
 // --- Icons ---
 
 // Animations
-$b-icon-animation-duration: 1s !default;
-$b-icon-animation-spin-duration: $b-icon-animation-duration * 2 !default;
-$b-icon-animation-pulse-duration: $b-icon-animation-duration !default;
-$b-icon-animation-cylon-duration: $b-icon-animation-duration * 0.75 !default;
+$b-icon-animation-spin-duration: 2s !default;
+$b-icon-animation-pulse-duration: 1s !default;
+$b-icon-animation-cylon-duration: 0.75s !default;
 
 // --- Tables ---
 

From f7fff7a483be9b1298ac0eef9d78dcc052f5c47c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 10:08:21 +0100
Subject: [PATCH 45/49] Revert "Revert "Update icons.scss""

This reverts commit 8152bdd0fb3cbe4e673a440d8f3a50b43829aef6.
---
 src/icons.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/icons.scss b/src/icons.scss
index 534b52b75e9..e94296fe637 100644
--- a/src/icons.scss
+++ b/src/icons.scss
@@ -1,4 +1,8 @@
 // --- BootstrapVue Icons Custom SCSS ---
 
+// Include variables and utilities first
+@import "variables";
+@import "utilities";
+
 // Include custom SCSS for icons
 @import "icons/index";

From 80a435c5d1f3b800648d54c84691ff6dd6912d2e Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 06:13:25 -0300
Subject: [PATCH 46/49] Update icons.scss

---
 src/icons.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/icons.scss b/src/icons.scss
index 534b52b75e9..e3a8d65c5dc 100644
--- a/src/icons.scss
+++ b/src/icons.scss
@@ -1,4 +1,6 @@
 // --- BootstrapVue Icons Custom SCSS ---
 
+@import "variables";
+
 // Include custom SCSS for icons
 @import "icons/index";

From 3f7d9af5d0aa3c64cafa1f0014fb2ed08f0bdb32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 10:19:46 +0100
Subject: [PATCH 47/49] Properly handle standalone `icons.scss` file

---
 scripts/build.sh                   |  6 +++---
 scripts/icons.scss                 | 11 +++++++++++
 scripts/{build.scss => index.scss} |  0
 src/index.scss                     |  1 -
 4 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 scripts/icons.scss
 rename scripts/{build.scss => index.scss} (100%)

diff --git a/scripts/build.sh b/scripts/build.sh
index 319e39f6370..2ac9a77d4b0 100755
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -96,16 +96,16 @@ node-sass --output-style expanded \
           --source-map true \
           --source-map-contents true \
           --precision 6 \
-          scripts/build.scss \
+          scripts/index.scss \
           dist/bootstrap-vue.css
 postcss --config scripts/postcss.config.js \
         --replace dist/bootstrap-vue.css
-# Icons only CSS
+# BootstrapVue Icons only CSS
 node-sass --output-style expanded \
           --source-map true \
           --source-map-contents true \
           --precision 6 \
-          src/icons.scss \
+          scripts/icons.scss \
           dist/bootstrap-vue-icons.css
 postcss --config scripts/postcss.config.js \
         --replace dist/bootstrap-vue-icons.css
diff --git a/scripts/icons.scss b/scripts/icons.scss
new file mode 100644
index 00000000000..22cce96a65d
--- /dev/null
+++ b/scripts/icons.scss
@@ -0,0 +1,11 @@
+/*!
+ * BootstrapVue Icons Custom CSS (https://bootstrap-vue.js.org)
+ */
+
+// Include Bootstrap functions, variables, and mixins
+@import "node_modules/bootstrap/scss/functions";
+@import "node_modules/bootstrap/scss/variables";
+@import "node_modules/bootstrap/scss/mixins";
+
+// Import BootstrapVue Icons custom SCSS
+@import "../src/icons.scss";
diff --git a/scripts/build.scss b/scripts/index.scss
similarity index 100%
rename from scripts/build.scss
rename to scripts/index.scss
diff --git a/src/index.scss b/src/index.scss
index c13d61b1191..88f13fa73b6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -14,5 +14,4 @@
 @import "components/index";
 
 // Include custom SCSS for icons
-// Temporary until Bootstrap v5 (maybe)
 @import "icons/index";

From b270704feb9ddb73b65810417c39ad82b552fc66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 12 Mar 2020 10:20:07 +0100
Subject: [PATCH 48/49] Regenerate icons

---
 src/icons/icons.d.ts   |    2 +-
 src/icons/icons.js     |    2 +-
 src/icons/package.json | 1575 ++++++++++++++++++++++++++++++++++++++++
 src/icons/plugin.js    |    2 +-
 4 files changed, 1578 insertions(+), 3 deletions(-)

diff --git a/src/icons/icons.d.ts b/src/icons/icons.d.ts
index cde59577cde..2caaf358c06 100644
--- a/src/icons/icons.d.ts
+++ b/src/icons/icons.d.ts
@@ -1,7 +1,7 @@
 // --- BEGIN AUTO-GENERATED FILE ---
 //
 // @IconsVersion: 1.0.0-alpha2
-// @Generated: 2020-01-22T07:06:51.693Z
+// @Generated: 2020-03-12T09:18:47.956Z
 //
 // This file is generated on each build. Do not edit this file!
 
diff --git a/src/icons/icons.js b/src/icons/icons.js
index 36c7775b02b..631724e475c 100644
--- a/src/icons/icons.js
+++ b/src/icons/icons.js
@@ -1,7 +1,7 @@
 // --- BEGIN AUTO-GENERATED FILE ---
 //
 // @IconsVersion: 1.0.0-alpha2
-// @Generated: 2020-01-22T07:06:51.693Z
+// @Generated: 2020-03-12T09:18:47.956Z
 //
 // This file is generated on each build. Do not edit this file!
 
diff --git a/src/icons/package.json b/src/icons/package.json
index 3d4b8c9ed18..f0450eeba4d 100644
--- a/src/icons/package.json
+++ b/src/icons/package.json
@@ -192,6 +192,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -235,6 +240,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -278,6 +288,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -321,6 +336,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -364,6 +384,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -407,6 +432,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -450,6 +480,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -493,6 +528,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -536,6 +576,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -579,6 +624,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -622,6 +672,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -665,6 +720,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -708,6 +768,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -751,6 +816,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -794,6 +864,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -837,6 +912,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -880,6 +960,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -923,6 +1008,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -966,6 +1056,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1009,6 +1104,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1052,6 +1152,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1095,6 +1200,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1138,6 +1248,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1181,6 +1296,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1224,6 +1344,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1267,6 +1392,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1310,6 +1440,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1353,6 +1488,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1396,6 +1536,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1439,6 +1584,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1482,6 +1632,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1525,6 +1680,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1568,6 +1728,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1611,6 +1776,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1654,6 +1824,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1697,6 +1872,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1740,6 +1920,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1783,6 +1968,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1826,6 +2016,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1869,6 +2064,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1912,6 +2112,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1955,6 +2160,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -1998,6 +2208,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2041,6 +2256,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2084,6 +2304,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2127,6 +2352,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2170,6 +2400,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2213,6 +2448,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2256,6 +2496,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2299,6 +2544,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2342,6 +2592,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2385,6 +2640,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2428,6 +2688,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2471,6 +2736,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2514,6 +2784,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2557,6 +2832,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2600,6 +2880,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2643,6 +2928,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2686,6 +2976,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2729,6 +3024,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2772,6 +3072,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2815,6 +3120,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2858,6 +3168,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2901,6 +3216,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2944,6 +3264,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -2987,6 +3312,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3030,6 +3360,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3073,6 +3408,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3116,6 +3456,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3159,6 +3504,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3202,6 +3552,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3245,6 +3600,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3288,6 +3648,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3331,6 +3696,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3374,6 +3744,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3417,6 +3792,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3460,6 +3840,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3503,6 +3888,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3546,6 +3936,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3589,6 +3984,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3632,6 +4032,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3675,6 +4080,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3718,6 +4128,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3761,6 +4176,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3804,6 +4224,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3847,6 +4272,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3890,6 +4320,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3933,6 +4368,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -3976,6 +4416,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4019,6 +4464,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4062,6 +4512,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4105,6 +4560,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4148,6 +4608,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4191,6 +4656,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4234,6 +4704,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4277,6 +4752,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4320,6 +4800,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4363,6 +4848,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4406,6 +4896,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4449,6 +4944,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4492,6 +4992,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4535,6 +5040,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4578,6 +5088,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4621,6 +5136,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4664,6 +5184,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4707,6 +5232,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4750,6 +5280,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4793,6 +5328,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4836,6 +5376,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4879,6 +5424,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4922,6 +5472,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -4965,6 +5520,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5008,6 +5568,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5051,6 +5616,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5094,6 +5664,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5137,6 +5712,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5180,6 +5760,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5223,6 +5808,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5266,6 +5856,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5309,6 +5904,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5352,6 +5952,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5395,6 +6000,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5438,6 +6048,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5481,6 +6096,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5524,6 +6144,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5567,6 +6192,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5610,6 +6240,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5653,6 +6288,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5696,6 +6336,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5739,6 +6384,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5782,6 +6432,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5825,6 +6480,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5868,6 +6528,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5911,6 +6576,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5954,6 +6624,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -5997,6 +6672,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6040,6 +6720,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6083,6 +6768,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6126,6 +6816,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6169,6 +6864,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6212,6 +6912,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6255,6 +6960,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6298,6 +7008,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6341,6 +7056,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6384,6 +7104,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6427,6 +7152,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6470,6 +7200,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6513,6 +7248,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6556,6 +7296,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6599,6 +7344,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6642,6 +7392,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6685,6 +7440,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6728,6 +7488,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6771,6 +7536,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6814,6 +7584,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6857,6 +7632,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6900,6 +7680,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6943,6 +7728,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -6986,6 +7776,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7029,6 +7824,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7072,6 +7872,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7115,6 +7920,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7158,6 +7968,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7201,6 +8016,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7244,6 +8064,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7287,6 +8112,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7330,6 +8160,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7373,6 +8208,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7416,6 +8256,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7459,6 +8304,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7502,6 +8352,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7545,6 +8400,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7588,6 +8448,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7631,6 +8496,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7674,6 +8544,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7717,6 +8592,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7760,6 +8640,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7803,6 +8688,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7846,6 +8736,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7889,6 +8784,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7932,6 +8832,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -7975,6 +8880,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8018,6 +8928,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8061,6 +8976,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8104,6 +9024,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8147,6 +9072,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8190,6 +9120,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8233,6 +9168,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8276,6 +9216,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8319,6 +9264,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8362,6 +9312,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8405,6 +9360,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8448,6 +9408,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8491,6 +9456,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8534,6 +9504,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8577,6 +9552,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8620,6 +9600,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8663,6 +9648,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8706,6 +9696,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8749,6 +9744,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8792,6 +9792,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8835,6 +9840,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8878,6 +9888,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8921,6 +9936,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -8964,6 +9984,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9007,6 +10032,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9050,6 +10080,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9093,6 +10128,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9136,6 +10176,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9179,6 +10224,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9222,6 +10272,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9265,6 +10320,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9308,6 +10368,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9351,6 +10416,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9394,6 +10464,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9437,6 +10512,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9480,6 +10560,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9523,6 +10608,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9566,6 +10656,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9609,6 +10704,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9652,6 +10752,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9695,6 +10800,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9738,6 +10848,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9781,6 +10896,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9824,6 +10944,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9867,6 +10992,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9910,6 +11040,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9953,6 +11088,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -9996,6 +11136,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10039,6 +11184,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10082,6 +11232,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10125,6 +11280,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10168,6 +11328,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10211,6 +11376,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10254,6 +11424,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10297,6 +11472,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10340,6 +11520,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10383,6 +11568,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10426,6 +11616,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10469,6 +11664,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10512,6 +11712,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10555,6 +11760,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10598,6 +11808,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10641,6 +11856,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10684,6 +11904,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10727,6 +11952,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10770,6 +12000,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10813,6 +12048,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10856,6 +12096,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10899,6 +12144,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10942,6 +12192,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -10985,6 +12240,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11028,6 +12288,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11071,6 +12336,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11114,6 +12384,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11157,6 +12432,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11200,6 +12480,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11243,6 +12528,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11286,6 +12576,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11329,6 +12624,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11372,6 +12672,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11415,6 +12720,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11458,6 +12768,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11501,6 +12816,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11544,6 +12864,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11587,6 +12912,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11630,6 +12960,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11673,6 +13008,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11716,6 +13056,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11759,6 +13104,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11802,6 +13152,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11845,6 +13200,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11888,6 +13248,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11931,6 +13296,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -11974,6 +13344,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12017,6 +13392,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12060,6 +13440,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12103,6 +13488,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12146,6 +13536,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12189,6 +13584,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12232,6 +13632,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12275,6 +13680,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12318,6 +13728,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12361,6 +13776,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12404,6 +13824,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12447,6 +13872,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12490,6 +13920,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12533,6 +13968,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12576,6 +14016,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12619,6 +14064,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12662,6 +14112,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12705,6 +14160,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12748,6 +14208,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12791,6 +14256,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12834,6 +14304,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12877,6 +14352,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12920,6 +14400,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -12963,6 +14448,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13006,6 +14496,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13049,6 +14544,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13092,6 +14592,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13135,6 +14640,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13178,6 +14688,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13221,6 +14736,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13264,6 +14784,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13307,6 +14832,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13350,6 +14880,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13393,6 +14928,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13436,6 +14976,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13479,6 +15024,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13522,6 +15072,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13565,6 +15120,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13608,6 +15168,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13651,6 +15216,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       },
@@ -13694,6 +15264,11 @@
             "prop": "stacked",
             "version": "2.3.0",
             "description": "Set this prop to true when placing inside a BIconstack component"
+          },
+          {
+            "prop": "animation",
+            "version": "2.7.0",
+            "description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
           }
         ]
       }
diff --git a/src/icons/plugin.js b/src/icons/plugin.js
index b4a1b0373be..2d495b2f61e 100644
--- a/src/icons/plugin.js
+++ b/src/icons/plugin.js
@@ -1,7 +1,7 @@
 // --- BEGIN AUTO-GENERATED FILE ---
 //
 // @IconsVersion: 1.0.0-alpha2
-// @Generated: 2020-01-22T07:06:51.693Z
+// @Generated: 2020-03-12T09:18:47.956Z
 //
 // This file is generated on each build. Do not edit this file!
 

From bc7d756a16adc438bac449763bac2ba485ff003c Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Thu, 12 Mar 2020 06:25:03 -0300
Subject: [PATCH 49/49] Update nuxt.config.js

---
 docs/nuxt.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/nuxt.config.js b/docs/nuxt.config.js
index 33ba72f6e7b..48b1435b277 100644
--- a/docs/nuxt.config.js
+++ b/docs/nuxt.config.js
@@ -276,7 +276,7 @@ module.exports = {
     'highlight.js/styles/atom-one-light.css',
     'codemirror/lib/codemirror.css',
     'bootstrap/dist/css/bootstrap.css',
-    '../scripts/build.scss', // BootstrapVue SCSS
+    '../scripts/index.scss', // BootstrapVue SCSS
     '@assets/css/docs.min.css',
     '@assets/scss/styles.scss'
   ]