[Icons] Update Font Sheet (#1343)

* [Icons] Update to new font sheet

* Rebased - updated all icon remaining icon references

* Temporarily Updating gitmodules branch

* Fixed class reference

* Revert temporary gitmodule branch

* Icon updates/changes

* Pull jslib m-icon-updates latest

* Prettier

* Update jslib to master

* Reset jslib to master

* Removed obsolete variable reference, replaced bolt references

* Removed all instances of base class - maps create automatically

* Updated toast icon references

* Imported styles to reference variable/map

* Reverted to using base class

* Update jslib

* Rename eye-2 to eye and eye-slash-2 to eye-slash

* Bump jslib

* Remove duplicate scss

* Remove old fa

* Update fallback image

* Bump jslib

* Rename eye-2 to eye, and eye-slash-2 to eye-slash

* Fix 404

* Fix integrity of bootstrap.min.css

* Fix callout missing bwi

* Add bwi to change-kdf

* Remove bwi from callout again

* Bump jslib

Co-authored-by: Hinton <oscar@oscarhinton.com>

src/scss/base.scss

@@ -147,7 +147,7 @@ code {
   }
 }
 
-.fa-icon-above-input {
+.bwi-icon-above-input {
   height: 1.5em;
 }
 

src/scss/buttons.scss

@@ -163,7 +163,7 @@
 .btn-submit {
   position: relative;
 
-  .fa-spinner {
+  .bwi-spinner {
     align-items: center;
     bottom: 0;
     display: none;
@@ -176,7 +176,7 @@
 
   &:disabled:not(.manual),
   &.loading {
-    .fa-spinner {
+    .bwi-spinner {
       display: flex;
     }
 

src/scss/cards.scss

@@ -46,21 +46,21 @@
   @extend .mb-4;
 }
 
-.card ul.fa-ul.card-ul {
+.card ul.bwi-ul.card-ul {
   margin-left: 1.9em;
 
   li {
     word-break: break-all;
   }
 
-  .fa-li {
+  .bwi-li {
     top: 4px;
   }
 
   &.carets {
     margin-left: 1.1em;
 
-    .fa-li {
+    .bwi-li {
       left: -17px;
       width: 1.1em;
     }

src/scss/pages.scss

@@ -77,8 +77,8 @@ app-org-vault-groupings,
     }
 
     li {
-      > .fa,
-      > div > .fa {
+      > .bwi,
+      > div > .bwi {
         cursor: pointer;
       }
     }
@@ -99,8 +99,8 @@ app-org-vault-groupings,
         }
       }
 
-      > .fa,
-      > div > .fa {
+      > .bwi,
+      > div > .bwi {
         @include themify($themes) {
           color: themed("linkColor");
         }

src/scss/styles.scss

@@ -1,5 +1,7 @@
 @import "../../jslib/angular/src/scss/webfonts.css";
 @import "./variables";
+@import "../../jslib/angular/src/scss/bwicons/styles/style.scss";
+@import "../../jslib/angular/src/scss/icons.scss";
 
 //@import "~bootstrap/scss/bootstrap";
 @import "~bootstrap/scss/_functions";
@@ -41,7 +43,6 @@
 @import "~bootstrap/scss/_print";
 
 @import "~ngx-toastr/toastr";
-@import "~font-awesome/scss/font-awesome.scss";
 @import "~sweetalert2/src/sweetalert2.scss";
 
 @import "./base";
@@ -55,5 +56,3 @@
 @import "./plugins";
 @import "./tables";
 @import "./toasts";
-
-@import "../../jslib/angular/src/scss/icons.scss"; // Needs to be after font-awesome

src/scss/tables.scss

@@ -31,14 +31,14 @@
     }
 
     small,
-    > .fa,
+    > .bwi,
     .icon {
       @include themify($themes) {
         color: themed("textMuted");
       }
     }
 
-    .fa-globe {
+    .bwi-globe {
       @include themify($themes) {
         color: themed("iconColor");
       }

src/scss/toasts.scss

@@ -25,7 +25,7 @@
     .icon i::before {
       float: left;
       font-style: normal;
-      font-family: FontAwesome;
+      font-family: $icomoon-font-family;
       font-size: 25px;
       line-height: 20px;
       padding-right: 15px;
@@ -56,7 +56,7 @@
       }
 
       .icon i::before {
-        content: "\f0e7";
+        content: map_get($icons, "error");
       }
     }
 
@@ -74,7 +74,7 @@
       }
 
       .icon i::before {
-        content: "\f071";
+        content: map_get($icons, "exclamation-triangle");
       }
     }
 
@@ -92,7 +92,7 @@
       }
 
       .icon i:before {
-        content: "\f05a";
+        content: map_get($icons, "info-circle");
       }
     }
 
@@ -110,7 +110,7 @@
       }
 
       .icon i:before {
-        content: "\f00C";
+        content: map_get($icons, "check");
       }
     }
   }

src/scss/variables.scss

@@ -78,10 +78,6 @@ $grid-breakpoints: (
 
 $border-color: $secondary;
 
-// Font Awesome webfonts path
-
-$fa-font-path: "~font-awesome/fonts";
-
 // MFA Types for logo styling with no dark theme alternative
 
 $mfaTypes: 0, 2, 3, 4, 6;