[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/app/tools/breach-report.component.html

@@ -18,7 +18,7 @@
     </div>
   </div>
   <button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
-    <i class="fa fa-spinner fa-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+    <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
     <span>{{ "checkBreaches" | i18n }}</span>
   </button>
 </form>

src/app/tools/export.component.html

@@ -29,7 +29,7 @@
   </div>
   <button type="submit" class="btn btn-primary" [disabled]="form.loading || exportForm.disabled">
     <i
-      class="fa fa-spinner fa-spin"
+      class="bwi bwi-spinner bwi-spin"
       title="{{ 'loading' | i18n }}"
       aria-hidden="true"
       *ngIf="form.loading"

src/app/tools/exposed-passwords-report.component.html

@@ -3,7 +3,7 @@
 </div>
 <p>{{ "exposedPasswordsReportDesc" | i18n }}</p>
 <button type="button" class="btn btn-primary btn-submit" [disabled]="loading" (click)="load()">
-  <i class="fa fa-spinner fa-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+  <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
   <span>{{ "checkExposedPasswords" | i18n }}</span>
 </button>
 <div class="mt-4" *ngIf="hasLoaded">
@@ -31,7 +31,7 @@
             </ng-template>
             <ng-container *ngIf="!organization && c.organizationId">
               <i
-                class="fa fa-cube"
+                class="bwi bwi-collection"
                 appStopProp
                 title="{{ 'shared' | i18n }}"
                 aria-hidden="true"
@@ -40,7 +40,7 @@
             </ng-container>
             <ng-container *ngIf="c.hasAttachments">
               <i
-                class="fa fa-paperclip"
+                class="bwi bwi-paperclip"
                 appStopProp
                 title="{{ 'attachments' | i18n }}"
                 aria-hidden="true"

src/app/tools/import.component.html

@@ -323,7 +323,7 @@
     [disabled]="loading || importBlockedByPolicy"
     [ngClass]="{ manual: importBlockedByPolicy }"
   >
-    <i class="fa fa-spinner fa-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+    <i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
     <span>{{ "importData" | i18n }}</span>
   </button>
 </form>

src/app/tools/import.component.ts

@@ -166,7 +166,7 @@ export class ImportComponent implements OnInit {
       heightAuto: false,
       buttonsStyling: false,
       icon: "error" as SweetAlertIcon,
-      iconHtml: `<i class="swal-custom-icon fa fa-bolt text-danger"></i>`,
+      iconHtml: `<i class="swal-custom-icon bwi bwi-error text-danger"></i>`,
       input: "textarea",
       inputValue: error.message,
       inputAttributes: {

src/app/tools/inactive-two-factor-report.component.html

@@ -3,7 +3,7 @@
     {{ "inactive2faReport" | i18n }}
     <small *ngIf="hasLoaded && loading">
       <i
-        class="fa fa-spinner fa-spin text-muted"
+        class="bwi bwi-spinner bwi-spin text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
@@ -13,7 +13,11 @@
 </div>
 <p>{{ "inactive2faReportDesc" | i18n }}</p>
 <div *ngIf="!hasLoaded && loading">
-  <i class="fa fa-spinner fa-spin text-muted" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+  <i
+    class="bwi bwi-spinner bwi-spin text-muted"
+    title="{{ 'loading' | i18n }}"
+    aria-hidden="true"
+  ></i>
   <span class="sr-only">{{ "loading" | i18n }}</span>
 </div>
 <div class="mt-4" *ngIf="hasLoaded">
@@ -36,7 +40,7 @@
             }}</a>
             <ng-container *ngIf="!organization && c.organizationId">
               <i
-                class="fa fa-cube"
+                class="bwi bwi-collection"
                 appStopProp
                 title="{{ 'shared' | i18n }}"
                 aria-hidden="true"
@@ -45,7 +49,7 @@
             </ng-container>
             <ng-container *ngIf="c.hasAttachments">
               <i
-                class="fa fa-paperclip"
+                class="bwi bwi-paperclip"
                 appStopProp
                 title="{{ 'attachments' | i18n }}"
                 aria-hidden="true"

src/app/tools/password-generator-history.component.html

@@ -29,7 +29,7 @@
                 appA11yTitle="{{ 'copyPassword' | i18n }}"
                 (click)="copy(h.password)"
               >
-                <i class="fa fa-lg fa-clone" aria-hidden="true"></i>
+                <i class="bwi bwi-lg bwi-clone" aria-hidden="true"></i>
               </button>
             </div>
           </li>
@@ -49,7 +49,7 @@
             class="btn btn-outline-danger"
             appA11yTitle="{{ 'clear' | i18n }}"
           >
-            <i class="fa fa-trash-o fa-lg fa-fw" aria-hidden="true"></i>
+            <i class="bwi bwi-trash bwi-lg bwi-fw" aria-hidden="true"></i>
           </button>
         </div>
       </div>

src/app/tools/password-generator.component.html

@@ -192,7 +192,7 @@
       (click)="history()"
       appA11yTitle="{{ 'passwordHistory' | i18n }}"
     >
-      <i class="fa fa-clock-o fa-lg" aria-hidden="true"></i>
+      <i class="bwi bwi-clock bwi-lg" aria-hidden="true"></i>
     </button>
   </div>
 </div>

src/app/tools/reused-passwords-report.component.html

@@ -3,7 +3,7 @@
     {{ "reusedPasswordsReport" | i18n }}
     <small *ngIf="hasLoaded && loading">
       <i
-        class="fa fa-spinner fa-spin text-muted"
+        class="bwi bwi-spinner bwi-spin text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
@@ -13,7 +13,11 @@
 </div>
 <p>{{ "reusedPasswordsReportDesc" | i18n }}</p>
 <div *ngIf="!hasLoaded && loading">
-  <i class="fa fa-spinner fa-spin text-muted" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+  <i
+    class="bwi bwi-spinner bwi-spin text-muted"
+    title="{{ 'loading' | i18n }}"
+    aria-hidden="true"
+  ></i>
   <span class="sr-only">{{ "loading" | i18n }}</span>
 </div>
 <div class="mt-4" *ngIf="hasLoaded">
@@ -41,7 +45,7 @@
             </ng-template>
             <ng-container *ngIf="!organization && c.organizationId">
               <i
-                class="fa fa-cube"
+                class="bwi bwi-collection"
                 appStopProp
                 title="{{ 'shared' | i18n }}"
                 aria-hidden="true"
@@ -50,7 +54,7 @@
             </ng-container>
             <ng-container *ngIf="c.hasAttachments">
               <i
-                class="fa fa-paperclip"
+                class="bwi bwi-paperclip"
                 appStopProp
                 title="{{ 'attachments' | i18n }}"
                 aria-hidden="true"

src/app/tools/unsecured-websites-report.component.html

@@ -3,7 +3,7 @@
     {{ "unsecuredWebsitesReport" | i18n }}
     <small *ngIf="hasLoaded && loading">
       <i
-        class="fa fa-spinner fa-spin text-muted"
+        class="bwi bwi-spinner bwi-spin text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
@@ -13,7 +13,11 @@
 </div>
 <p>{{ "unsecuredWebsitesReportDesc" | i18n }}</p>
 <div *ngIf="!hasLoaded && loading">
-  <i class="fa fa-spinner fa-spin text-muted" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+  <i
+    class="bwi bwi-spinner bwi-spin text-muted"
+    title="{{ 'loading' | i18n }}"
+    aria-hidden="true"
+  ></i>
   <span class="sr-only">{{ "loading" | i18n }}</span>
 </div>
 <div class="mt-4" *ngIf="hasLoaded">
@@ -36,7 +40,7 @@
             }}</a>
             <ng-container *ngIf="!organization && c.organizationId">
               <i
-                class="fa fa-cube"
+                class="bwi bwi-collection"
                 appStopProp
                 title="{{ 'shared' | i18n }}"
                 aria-hidden="true"
@@ -45,7 +49,7 @@
             </ng-container>
             <ng-container *ngIf="c.hasAttachments">
               <i
-                class="fa fa-paperclip"
+                class="bwi bwi-paperclip"
                 appStopProp
                 title="{{ 'attachments' | i18n }}"
                 aria-hidden="true"

src/app/tools/weak-passwords-report.component.html

@@ -3,7 +3,7 @@
     {{ "weakPasswordsReport" | i18n }}
     <small *ngIf="hasLoaded && loading">
       <i
-        class="fa fa-spinner fa-spin text-muted"
+        class="bwi bwi-spinner bwi-spin text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
@@ -13,7 +13,11 @@
 </div>
 <p>{{ "weakPasswordsReportDesc" | i18n }}</p>
 <div *ngIf="!hasLoaded && loading">
-  <i class="fa fa-spinner fa-spin text-muted" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
+  <i
+    class="bwi bwi-spinner bwi-spin text-muted"
+    title="{{ 'loading' | i18n }}"
+    aria-hidden="true"
+  ></i>
   <span class="sr-only">{{ "loading" | i18n }}</span>
 </div>
 <div class="mt-4" *ngIf="hasLoaded">
@@ -41,7 +45,7 @@
             </ng-template>
             <ng-container *ngIf="!organization && c.organizationId">
               <i
-                class="fa fa-cube"
+                class="bwi bwi-collection"
                 appStopProp
                 title="{{ 'shared' | i18n }}"
                 aria-hidden="true"
@@ -50,7 +54,7 @@
             </ng-container>
             <ng-container *ngIf="c.hasAttachments">
               <i
-                class="fa fa-paperclip"
+                class="bwi bwi-paperclip"
                 appStopProp
                 title="{{ 'attachments' | i18n }}"
                 aria-hidden="true"