[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>
2025-12-15 15:53:27 +00:00 · 2025-05-07 17:07:14 -04:00
parent 74b6bb15e8
commit 8ecb32f30f
78 changed files with 1735 additions and 1582 deletions
--- a/apps/web/src/app/admin-console/organizations/collections/vault-filter/vault-filter.component.ts
+++ b/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",
          },
        ],
      ),
--- a/apps/web/src/app/admin-console/organizations/collections/vault-header/vault-header.component.html
+++ b/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>
--- a/apps/web/src/app/admin-console/organizations/collections/vault-header/vault-header.component.ts
+++ b/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() {
--- a/apps/web/src/app/admin-console/organizations/layouts/organization-layout.component.html
+++ b/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)"
--- a/apps/web/src/app/admin-console/organizations/manage/groups.component.html
+++ b/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"
--- a/apps/web/src/app/admin-console/organizations/members/members.component.html
+++ b/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
--- a/apps/web/src/app/admin-console/organizations/shared/components/access-selector/access-selector.component.ts
+++ b/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:
--- a/apps/web/src/app/admin-console/organizations/shared/components/collection-dialog/collection-dialog.component.html
+++ b/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"
              >
--- a/apps/web/src/app/auth/settings/emergency-access/view/emergency-access-view.component.html
+++ b/apps/web/src/app/auth/settings/emergency-access/view/emergency-access-view.component.html
@@ -19,7 +19,7 @@
            >
            <ng-container *ngIf="currentCipher.organizationId">
              <i
-                class="bwi bwi-collection"
+                class="bwi bwi-collection-shared"
                appStopProp
                title="{{ 'shared' | i18n }}"
                aria-hidden="true"
--- a/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/exposed-passwords-report.component.html
@@ -58,7 +58,7 @@
            </ng-template>
            <ng-container *ngIf="!organization && row.organizationId">
              <i
-                class="bwi bwi-collection"
+                class="bwi bwi-collection-shared"
                appStopProp
                title="{{ 'shared' | i18n }}"
                aria-hidden="true"
--- a/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/inactive-two-factor-report.component.html
@@ -62,7 +62,7 @@
                </ng-template>
                <ng-container *ngIf="!organization && r.organizationId">
                  <i
-                    class="bwi bwi-collection"
+                    class="bwi bwi-collection-shared"
                    appStopProp
                    title="{{ 'shared' | i18n }}"
                    aria-hidden="true"
--- a/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/reused-passwords-report.component.html
@@ -60,7 +60,7 @@
            </ng-template>
            <ng-container *ngIf="!organization && row.organizationId">
              <i
-                class="bwi bwi-collection"
+                class="bwi bwi-collection-shared"
                appStopProp
                title="{{ 'shared' | i18n }}"
                aria-hidden="true"
--- a/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/unsecured-websites-report.component.html
@@ -62,7 +62,7 @@
              </ng-template>
              <ng-container *ngIf="!organization && r.organizationId">
                <i
-                  class="bwi bwi-collection"
+                  class="bwi bwi-collection-shared"
                  appStopProp
                  title="{{ 'shared' | i18n }}"
                  aria-hidden="true"
--- a/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
+++ b/apps/web/src/app/dirt/reports/pages/weak-passwords-report.component.html
@@ -62,7 +62,7 @@
            </ng-template>
            <ng-container *ngIf="!organization && row.organizationId">
              <i
-                class="bwi bwi-collection"
+                class="bwi bwi-collection-shared"
                appStopProp
                title="{{ 'shared' | i18n }}"
                aria-hidden="true"
--- a/apps/web/src/app/layouts/user-layout.component.html
+++ b/apps/web/src/app/layouts/user-layout.component.html
@@ -2,7 +2,7 @@
  <app-side-nav>
    <bit-nav-logo [openIcon]="logo" route="." [label]="'passwordManager' | i18n"></bit-nav-logo>

-    <bit-nav-item icon="bwi-collection" [text]="'vaults' | i18n" route="vault"></bit-nav-item>
+    <bit-nav-item icon="bwi-vault" [text]="'vaults' | i18n" route="vault"></bit-nav-item>
    <bit-nav-item icon="bwi-send" [text]="'send' | i18n" route="sends"></bit-nav-item>
    <bit-nav-group icon="bwi-wrench" [text]="'tools' | i18n" route="tools">
      <bit-nav-item [text]="'generator' | i18n" route="tools/generator"></bit-nav-item>
--- a/apps/web/src/app/shared/components/onboarding/onboarding.stories.ts
+++ b/apps/web/src/app/shared/components/onboarding/onboarding.stories.ts
@@ -47,12 +47,12 @@ export default {
        </app-onboarding-task>
        <app-onboarding-task
          [title]="'createProject' | i18n"
-          icon="bwi-collection"
+          icon="bwi-collection-shared"
          [completed]="createProject"
        ></app-onboarding-task>
        <app-onboarding-task
          [title]="'importSecrets' | i18n"
-          icon="bwi-download"
+          icon="bwi-import"
          [completed]="importSecrets$ | async"
        ></app-onboarding-task>
        <app-onboarding-task
--- a/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html
+++ b/apps/web/src/app/tools/send/new-send/new-send-dropdown.component.html
@@ -1,5 +1,5 @@
 <button bitButton [bitMenuTriggerFor]="itemOptions" buttonType="primary" type="button">
-  <i *ngIf="!hideIcon" class="bwi bwi-plus-f" aria-hidden="true"></i>
+  <i *ngIf="!hideIcon" class="bwi bwi-plus" aria-hidden="true"></i>
  {{ (hideIcon ? "createSend" : "new") | i18n }}
 </button>
 <bit-menu #itemOptions>
--- a/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-cipher-row.component.html
@@ -149,7 +149,7 @@
      type="button"
      (click)="assignToCollections()"
    >
-      <i class="bwi bwi-fw bwi-collection" aria-hidden="true"></i>
+      <i class="bwi bwi-fw bwi-collection-shared" aria-hidden="true"></i>
      {{ "assignToCollections" | i18n }}
    </button>
    <button bitMenuItem *ngIf="showEventLogs" type="button" (click)="events()">
--- a/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-collection-row.component.html
@@ -12,7 +12,7 @@
 </td>
 <td bitCell [ngClass]="RowHeightClass" class="tw-min-w-fit">
  <div aria-hidden="true">
-    <i class="bwi bwi-fw bwi-lg bwi-collection"></i>
+    <i class="bwi bwi-fw bwi-lg bwi-collection-shared"></i>
  </div>
 </td>
 <td bitCell [ngClass]="RowHeightClass">
--- a/apps/web/src/app/vault/components/vault-items/vault-items.component.html
+++ b/apps/web/src/app/vault/components/vault-items/vault-items.component.html
@@ -85,7 +85,7 @@
              bitMenuItem
              (click)="assignToCollections()"
            >
-              <i class="bwi bwi-fw bwi-collection" aria-hidden="true"></i>
+              <i class="bwi bwi-fw bwi-collection-shared" aria-hidden="true"></i>
              {{ "assignToCollections" | i18n }}
            </button>
            <button
--- a/apps/web/src/app/vault/individual-vault/vault-filter/services/vault-filter.service.ts
+++ b/apps/web/src/app/vault/individual-vault/vault-filter/services/vault-filter.service.ts
@@ -239,7 +239,7 @@ export class VaultFilterService implements VaultFilterServiceAbstraction {
        const collectionCopy = new CollectionView() as CollectionFilter;
        collectionCopy.id = c.id;
        collectionCopy.organizationId = c.organizationId;
-        collectionCopy.icon = "bwi-collection";
+        collectionCopy.icon = "bwi-collection-shared";
        if (c instanceof CollectionAdminView) {
          collectionCopy.groups = c.groups;
          collectionCopy.assigned = c.assigned;
--- a/apps/web/src/app/vault/individual-vault/vault-header/vault-header.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault-header/vault-header.component.html
@@ -11,7 +11,7 @@
    <ng-container>
      <bit-breadcrumb
        *ngFor="let collection of collections"
-        icon="bwi-collection"
+        icon="bwi-collection-shared"
        [route]="[]"
        [queryParams]="{ collectionId: collection.id }"
        queryParamsHandling="merge"
@@ -77,7 +77,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">
@@ -107,7 +107,7 @@
          {{ "folder" | i18n }}
        </button>
        <button *ngIf="canCreateCollections" 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>
      </bit-menu>
--- a/apps/web/src/app/vault/individual-vault/vault-header/vault-header.component.ts
+++ b/apps/web/src/app/vault/individual-vault/vault-header/vault-header.component.ts
@@ -152,7 +152,9 @@ export class VaultHeaderComponent implements OnInit {
  }

  protected get icon() {
-    return this.filter.collectionId && this.filter.collectionId !== All ? "bwi-collection" : "";
+    return this.filter.collectionId && this.filter.collectionId !== All
+      ? "bwi-collection-shared"
+      : "";
  }

  /**
--- a/apps/web/src/app/vault/individual-vault/vault-onboarding/vault-onboarding.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault-onboarding/vault-onboarding.component.html
@@ -15,7 +15,7 @@

    <app-onboarding-task
      [title]="'importData' | i18n"
-      icon="bwi-save"
+      icon="bwi-import"
      [route]="['/tools/import']"
      [completed]="onboardingTasks.importData"
    >
--- a/apps/web/src/app/vault/individual-vault/vault.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault.component.html
@@ -78,7 +78,7 @@
        (click)="addCipher()"
        *ngIf="filter.type !== 'trash'"
      >
-        <i class="bwi bwi-plus-f bwi-fw" aria-hidden="true"></i>
+        <i class="bwi bwi-plus bwi-fw" aria-hidden="true"></i>
        {{ "newItem" | i18n }}
      </button>
    </div>