[CL-333] Icon Refresh Feature Branch (#14298)

* [CL-571] Update icons to new fileset and metaphors (#14163)

* [CL-518] Convert icons docs to stories (#14299)

* [CL-574] Update inline autofill icons (#14379)

---------

Co-authored-by: William Martin <contact@willmartian.com>

apps/web/src/app/admin-console/organizations/collections/vault-filter/vault-filter.component.ts

@@ -105,14 +105,14 @@ export class VaultFilterComponent
           id: "AllCollections",
           name: "collections",
           type: "all",
-          icon: "bwi-collection",
+          icon: "bwi-collection-shared",
         },
         [
           {
             id: "AllCollections",
             name: "Collections",
             type: "all",
-            icon: "bwi-collection",
+            icon: "bwi-collection-shared",
           },
         ],
       ),

apps/web/src/app/admin-console/organizations/collections/vault-header/vault-header.component.html

@@ -14,7 +14,7 @@
     <ng-container>
       <bit-breadcrumb
         *ngFor="let collection of collections"
-        icon="bwi-collection"
+        icon="bwi-collection-shared"
         [route]="[]"
         [queryParams]="{ collectionId: collection.id }"
         queryParamsHandling="merge"
@@ -115,7 +115,7 @@
           id="newItemDropdown"
           appA11yTitle="{{ 'new' | i18n }}"
         >
-          <i class="bwi bwi-plus-f" aria-hidden="true"></i>
+          <i class="bwi bwi-plus" aria-hidden="true"></i>
           {{ "new" | i18n }}<i class="bwi tw-ml-2" aria-hidden="true"></i>
         </button>
         <bit-menu #addOptions aria-labelledby="newItemDropdown">
@@ -140,7 +140,7 @@
           <ng-container *ngIf="canCreateCollection">
             <bit-menu-divider *ngIf="canCreateCipher"></bit-menu-divider>
             <button type="button" bitMenuItem (click)="addCollection()">
-              <i class="bwi bwi-fw bwi-collection" aria-hidden="true"></i>
+              <i class="bwi bwi-fw bwi-collection-shared" aria-hidden="true"></i>
               {{ "collection" | i18n }}
             </button>
           </ng-container>

apps/web/src/app/admin-console/organizations/collections/vault-header/vault-header.component.ts

@@ -117,7 +117,7 @@ export class VaultHeaderComponent {
   }
 
   get icon() {
-    return this.filter.collectionId !== undefined ? "bwi-collection" : "";
+    return this.filter.collectionId !== undefined ? "bwi-collection-shared" : "";
   }
 
   protected get showBreadcrumbs() {

apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html

@@ -13,7 +13,7 @@
       ></bit-nav-item>
     </bit-nav-group>
     <bit-nav-item
-      icon="bwi-collection"
+      icon="bwi-collection-shared"
       [text]="'collections' | i18n"
       route="vault"
       *ngIf="canShowVaultTab(organization)"

apps/web/src/app/admin-console/organizations/manage/groups.component.html

@@ -93,7 +93,8 @@
                 <i aria-hidden="true" class="bwi bwi-user"></i> {{ "members" | i18n }}
               </button>
               <button type="button" bitMenuItem (click)="edit(g, ModalTabType.Collections)">
-                <i aria-hidden="true" class="bwi bwi-collection"></i> {{ "collections" | i18n }}
+                <i aria-hidden="true" class="bwi bwi-collection-shared"></i>
+                {{ "collections" | i18n }}
               </button>
               <button type="button" bitMenuItem (click)="delete(g)">
                 <span class="tw-text-danger"

apps/web/src/app/admin-console/organizations/members/members.component.html

@@ -307,7 +307,8 @@
                   <i aria-hidden="true" class="bwi bwi-users"></i> {{ "groups" | i18n }}
                 </button>
                 <button type="button" bitMenuItem (click)="edit(u, memberTab.Collections)">
-                  <i aria-hidden="true" class="bwi bwi-collection"></i> {{ "collections" | i18n }}
+                  <i aria-hidden="true" class="bwi bwi-collection-shared"></i>
+                  {{ "collections" | i18n }}
                 </button>
                 <bit-menu-divider></bit-menu-divider>
                 <button

apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts

@@ -310,7 +310,7 @@ export class AccessSelectorComponent implements ControlValueAccessor, OnInit, On
   protected itemIcon(item: AccessItemView) {
     switch (item.type) {
       case AccessItemType.Collection:
-        return "bwi-collection";
+        return "bwi-collection-shared";
       case AccessItemType.Group:
         return "bwi-users";
       case AccessItemType.Member:

apps/web/src/app/admin-console/organizations/shared/components/collection-dialog/collection-dialog.component.html

@@ -48,14 +48,14 @@
               <bit-option
                 *ngIf="deletedParentName"
                 disabled
-                icon="bwi-collection"
+                icon="bwi-collection-shared"
                 [value]="deletedParentName"
                 label="{{ deletedParentName }} ({{ 'deleted' | i18n }})"
               >
               </bit-option>
               <bit-option
                 *ngFor="let collection of nestOptions"
-                icon="bwi-collection"
+                icon="bwi-collection-shared"
                 [value]="collection.name"
                 [label]="collection.name"
               >