From c404ee210baedd82bb10b644c3271cd17e49519b Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Thu, 6 Nov 2025 11:27:46 -0500
Subject: [PATCH] [PM-26984] Use medium instead of semibold or bold (#17191)

---
 .../autofill-confirmation-dialog.component.html        | 10 +++++-----
 .../autofill-confirmation-dialog.component.spec.ts     |  2 +-
 .../vault-list-items-container.component.html          |  2 +-
 .../vault/popup/settings/appearance-v2.component.html  |  2 +-
 .../setup-extension/setup-extension.component.html     |  2 +-
 .../components/vault-items/vault-items.component.html  |  2 +-
 .../components/vault-filter.component.html             |  2 +-
 .../components/spotlight/spotlight.component.html      |  2 +-
 .../additional-options-section.component.html          |  2 +-
 .../autofill-options/autofill-options.component.html   |  2 +-
 .../custom-fields/custom-fields.component.html         |  2 +-
 .../new-item-nudge/new-item-nudge.component.ts         |  2 +-
 .../item-history/item-history-v2.component.html        |  6 +++---
 13 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.html b/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.html
index 625c92e38c5..39ec6bc28a6 100644
--- a/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.html
+++ b/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.html
@@ -5,7 +5,7 @@
       {{ "confirmAutofillDesc" | i18n }}
     </p>
     @if (savedUrls.length === 1) {
-      <p class="tw-text-muted tw-text-xs tw-uppercase tw-mt-4 tw-font-semibold">
+      <p class="tw-text-muted tw-text-xs tw-uppercase tw-mt-4 tw-font-medium">
         {{ "savedWebsite" | i18n }}
       </p>
       <bit-callout [title]="null" type="success" icon="bwi-globe">
@@ -16,14 +16,14 @@
     }
     @if (savedUrls.length > 1) {
       <div class="tw-flex tw-justify-between tw-items-center tw-mt-4 tw-mb-1 tw-pt-2">
-        <p class="tw-text-muted tw-text-xs tw-uppercase tw-font-semibold">
+        <p class="tw-text-muted tw-text-xs tw-uppercase tw-font-medium">
           {{ "savedWebsites" | i18n: savedUrls.length }}
         </p>
         <button
           *ngIf="!savedUrlsExpanded"
           type="button"
           bitLink
-          class="tw-text-sm tw-font-bold tw-cursor-pointer"
+          class="tw-text-sm tw-font-medium tw-cursor-pointer"
           (click)="viewAllSavedUrls()"
         >
           {{ "viewAll" | i18n }}
@@ -39,7 +39,7 @@
         </div>
       </div>
     }
-    <p class="tw-text-muted tw-text-xs tw-uppercase tw-mt-5 tw-font-semibold">
+    <p class="tw-text-muted tw-text-xs tw-uppercase tw-mt-5 tw-font-medium">
       {{ "currentWebsite" | i18n }}
     </p>
     <bit-callout [title]="null" type="warning" icon="bwi-globe">
@@ -61,7 +61,7 @@
         bitLink
         linkType="secondary"
         (click)="close()"
-        class="tw-mt-2 tw-font-bold tw-text-sm tw-justify-center tw-text-center"
+        class="tw-mt-2 tw-font-medium tw-text-sm tw-justify-center tw-text-center"
       >
         {{ "doNotAutofill" | i18n }}
       </button>
diff --git a/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.spec.ts b/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.spec.ts
index e8f00cd7b8d..52ab4adcc0c 100644
--- a/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.spec.ts
+++ b/apps/browser/src/vault/popup/components/vault-v2/autofill-confirmation-dialog/autofill-confirmation-dialog.component.spec.ts
@@ -199,7 +199,7 @@ describe("AutofillConfirmationDialogComponent", () => {
   it("shows the 'view all' button when savedUrls > 1 and hides it after click", () => {
     const findViewAll = () =>
       fixture.nativeElement.querySelector(
-        "button.tw-text-sm.tw-font-bold.tw-cursor-pointer",
+        "button.tw-text-sm.tw-font-medium.tw-cursor-pointer",
       ) as HTMLButtonElement | null;
 
     let btn = findViewAll();
diff --git a/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html b/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
index fad5615764c..3dac158b8e1 100644
--- a/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
+++ b/apps/browser/src/vault/popup/components/vault-v2/vault-list-items-container/vault-list-items-container.component.html
@@ -84,7 +84,7 @@
   <bit-item-group>
     <ng-container *ngFor="let group of cipherGroups()">
       <ng-container *ngIf="group.subHeaderKey">
-        <h3 class="tw-text-muted tw-text-xs tw-font-semibold tw-pl-1 tw-mb-1 bit-compact:tw-m-0">
+        <h3 class="tw-text-muted tw-text-xs tw-font-medium tw-pl-1 tw-mb-1 bit-compact:tw-m-0">
           {{ group.subHeaderKey | i18n }}
         </h3>
       </ng-container>
diff --git a/apps/browser/src/vault/popup/settings/appearance-v2.component.html b/apps/browser/src/vault/popup/settings/appearance-v2.component.html
index c9598c76db0..b58316a8d64 100644
--- a/apps/browser/src/vault/popup/settings/appearance-v2.component.html
+++ b/apps/browser/src/vault/popup/settings/appearance-v2.component.html
@@ -41,7 +41,7 @@
         <bit-label>{{ "showAnimations" | i18n }}</bit-label>
       </bit-form-control>
     </bit-card>
-    <h2 bitTypography="h6" class="tw-font-bold tw-mt-4">{{ "vaultCustomization" | i18n }}</h2>
+    <h2 bitTypography="h6" class="tw-font-medium tw-mt-4">{{ "vaultCustomization" | i18n }}</h2>
     <bit-card>
       <bit-form-control>
         <input bitCheckbox formControlName="enableFavicon" type="checkbox" />
diff --git a/apps/web/src/app/vault/components/setup-extension/setup-extension.component.html b/apps/web/src/app/vault/components/setup-extension/setup-extension.component.html
index 09bd38c8517..038c258d4b6 100644
--- a/apps/web/src/app/vault/components/setup-extension/setup-extension.component.html
+++ b/apps/web/src/app/vault/components/setup-extension/setup-extension.component.html
@@ -6,7 +6,7 @@
 ></i>
 
 <section *ngIf="state === SetupExtensionState.NeedsExtension" class="tw-text-center tw-mt-4">
-  <h1 class="tw-text-xl tw-font-semibold tw-text-main sm:tw-text-2xl">
+  <h1 class="tw-text-xl tw-font-medium tw-text-main sm:tw-text-2xl">
     {{ "setupExtensionPageTitle" | i18n }}
   </h1>
   <h2 class="tw-text-sm tw-text-main tw-mb-6 tw-font-normal sm:tw-text-base">
diff --git 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
index d6b5fafe6ec..cb2af9a64e5 100644
--- 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
@@ -12,7 +12,7 @@
             (change)="$event ? toggleAll() : null"
             [checked]="selection.hasValue() && isAllSelected"
           />
-          <label class="tw-mb-0 !tw-font-bold !tw-text-muted" for="checkAll">{{
+          <label class="tw-mb-0 !tw-font-medium !tw-text-muted" for="checkAll">{{
             "all" | i18n
           }}</label>
         </th>
diff --git a/apps/web/src/app/vault/individual-vault/vault-filter/components/vault-filter.component.html b/apps/web/src/app/vault/individual-vault/vault-filter/components/vault-filter.component.html
index 5ae189f05ae..640bf1bb653 100644
--- a/apps/web/src/app/vault/individual-vault/vault-filter/components/vault-filter.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault-filter/components/vault-filter.component.html
@@ -4,7 +4,7 @@
   </div>
   <div *ngIf="isLoaded">
     <div
-      class="tw-bg-background-alt tw-border-0 tw-border-b tw-border-solid tw-border-secondary-100 tw-rounded-t tw-px-5 tw-py-2.5 tw-font-semibold tw-uppercase"
+      class="tw-bg-background-alt tw-border-0 tw-border-b tw-border-solid tw-border-secondary-100 tw-rounded-t tw-px-5 tw-py-2.5 tw-font-medium tw-uppercase"
       data-testid="filters-header"
     >
       {{ "filters" | i18n }}
diff --git a/libs/angular/src/vault/components/spotlight/spotlight.component.html b/libs/angular/src/vault/components/spotlight/spotlight.component.html
index 0d0e95e191b..720bf5c1908 100644
--- a/libs/angular/src/vault/components/spotlight/spotlight.component.html
+++ b/libs/angular/src/vault/components/spotlight/spotlight.component.html
@@ -3,7 +3,7 @@
 >
   <div class="tw-flex tw-justify-between tw-items-start tw-flex-grow">
     <div>
-      <h2 bitTypography="h4" class="tw-font-semibold !tw-mb-1">{{ title }}</h2>
+      <h2 bitTypography="h4" class="tw-font-medium !tw-mb-1">{{ title }}</h2>
       <p
         *ngIf="subtitle"
         class="tw-text-main tw-mb-0"
diff --git a/libs/vault/src/cipher-form/components/additional-options/additional-options-section.component.html b/libs/vault/src/cipher-form/components/additional-options/additional-options-section.component.html
index 8f84a0d97ac..e026877a7dc 100644
--- a/libs/vault/src/cipher-form/components/additional-options/additional-options-section.component.html
+++ b/libs/vault/src/cipher-form/components/additional-options/additional-options-section.component.html
@@ -27,7 +27,7 @@
       *ngIf="!hasCustomFields && !isPartialEdit && allowNewField"
       (click)="addCustomField()"
     >
-      <i class="bwi bwi-plus tw-font-bold" aria-hidden="true"></i>
+      <i class="bwi bwi-plus tw-font-medium" aria-hidden="true"></i>
       {{ "addField" | i18n }}
     </button>
   </bit-card>
diff --git a/libs/vault/src/cipher-form/components/autofill-options/autofill-options.component.html b/libs/vault/src/cipher-form/components/autofill-options/autofill-options.component.html
index b83685aac94..f71ed1c53d3 100644
--- a/libs/vault/src/cipher-form/components/autofill-options/autofill-options.component.html
+++ b/libs/vault/src/cipher-form/components/autofill-options/autofill-options.component.html
@@ -29,7 +29,7 @@
       (click)="addUri({ uri: null, matchDetection: null }, true)"
       *ngIf="autofillOptionsForm.enabled"
     >
-      <i class="bwi bwi-plus tw-font-bold" aria-hidden="true"></i>
+      <i class="bwi bwi-plus tw-font-medium" aria-hidden="true"></i>
       {{ "addWebsite" | i18n }}
     </button>
 
diff --git a/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html b/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
index c5c1b752aef..2ba8b0c76d3 100644
--- a/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
+++ b/libs/vault/src/cipher-form/components/custom-fields/custom-fields.component.html
@@ -119,7 +119,7 @@
         data-testid="add-field-button"
         *ngIf="!isPartialEdit && !parentFormDisabled"
       >
-        <i class="bwi bwi-plus tw-font-bold" aria-hidden="true"></i>
+        <i class="bwi bwi-plus tw-font-medium" aria-hidden="true"></i>
         {{ "addField" | i18n }}
       </button>
     </bit-card>
diff --git a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts
index 5f4a44e5ef5..0c85cad5cfb 100644
--- a/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts
+++ b/libs/vault/src/cipher-form/components/new-item-nudge/new-item-nudge.component.ts
@@ -72,7 +72,7 @@ export class NewItemNudgeComponent {
 
         this.dismissalNudgeType = NudgeType.NewSshItemStatus;
         this.nudgeTitle = this.i18nService.t("newSshNudgeTitle");
-        this.nudgeBody = `${sshPartOne} <a href="https://bitwarden.com/help/ssh-agent" class="tw-text-primary-600 tw-font-bold" target="_blank">${sshPartTwo}</a>`;
+        this.nudgeBody = `${sshPartOne} <a href="https://bitwarden.com/help/ssh-agent" class="tw-text-primary-600 tw-font-medium" target="_blank">${sshPartTwo}</a>`;
         return NudgeType.NewSshItemStatus;
       }
       default:
diff --git a/libs/vault/src/cipher-view/item-history/item-history-v2.component.html b/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
index 9395fb34fc7..c5963638b80 100644
--- a/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
+++ b/libs/vault/src/cipher-view/item-history/item-history-v2.component.html
@@ -4,7 +4,7 @@
   </bit-section-header>
   <bit-card>
     <p class="tw-mb-1 tw-text-xs tw-text-muted tw-select-all">
-      <span class="tw-font-bold">{{ "lastEdited" | i18n }}:</span>
+      <span class="tw-font-medium">{{ "lastEdited" | i18n }}:</span>
       {{ cipher.revisionDate | date: "medium" }}
     </p>
     <p
@@ -14,7 +14,7 @@
         'tw-mb-0': !cipher.hasPasswordHistory,
       }"
     >
-      <span class="tw-font-bold">{{ "dateCreated" | i18n }}:</span>
+      <span class="tw-font-medium">{{ "dateCreated" | i18n }}:</span>
       {{ cipher.creationDate | date: "medium" }}
     </p>
     <p
@@ -22,7 +22,7 @@
       class="tw-text-xs tw-text-muted tw-select-all"
       [ngClass]="{ 'tw-mb-3': cipher.hasPasswordHistory }"
     >
-      <span class="tw-font-bold">{{ "datePasswordUpdated" | i18n }}:</span>
+      <span class="tw-font-medium">{{ "datePasswordUpdated" | i18n }}:</span>
       {{ cipher.passwordRevisionDisplayDate | date: "medium" }}
     </p>
     <button