chore: Bump 2.5.0

.github/workflows/quality_checks.yml

@@ -25,7 +25,7 @@ jobs:
 
     - name: Install build dependencies
       run : |
-        npm install -g node-pre-gyp jest
+        npm install -g node-pre-gyp jest@29.7.0
 
     - name: Install dependencies
       run: npm ci --legacy-peer-deps
@@ -36,4 +36,4 @@ jobs:
     - name: Test
       run: |
         cd apps/browser/
-        yarn test
+        npm run test

apps/browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitwarden/browser",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "scripts": {
     "build": "cross-env MANIFEST_VERSION=3 webpack",
     "build:mv2": "webpack",

apps/browser/src/auth/popup/account-switching/account-switcher.component.html

@@ -97,7 +97,7 @@ <h2 bitTypography="h6" class="tw-font-semibold">
   <app-header>
     <div class="left">
       <button type="button" (click)="back()">
-        <i class="icon-cozy icon-back" aria-hidden="true"></i>
+        <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
       </button>
     </div>
     <div class="center tw-font-bold">{{ "options" | i18n }}</div>

apps/browser/src/cozy/components/add-generic/add-generic.component.html

@@ -2,9 +2,7 @@
   <header>
     <div class="left">
       <button type="button" appBlurClick (click)="back()" title="{{ 'back_shortcut' | i18n }}">
-        <span class="header-icon" title="{{ 'back' | i18n }}"
-          ><i class="icon-cozy icon-back"></i
-        ></span>
+        <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
       </button>
     </div>
     <h1 class="center">

apps/browser/src/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "__MSG_extName__",
   "short_name": "__MSG_appName__",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "__MSG_extDesc__",
   "default_locale": "en",
   "author": "Twake Workplace",

apps/browser/src/manifest.v3.json

@@ -3,7 +3,7 @@
   "minimum_chrome_version": "102.0",
   "name": "__MSG_extName__",
   "short_name": "__MSG_appName__",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "__MSG_extDesc__",
   "default_locale": "en",
   "author": "Bitwarden Inc.",

apps/browser/src/popup/scss/box.scss

@@ -28,12 +28,11 @@
   }
 
   .box-header {
-    margin: 15px 10px 5px 10px;
-    padding: 0px 0px 4px 0;
+    margin: 8px;
+    padding: 0px;
     display: flex;
     font-size: $font-size-small;
     text-transform: uppercase;
-    color: #95999d;
     font-weight: bold;
     @include themify($themes) {
       color: themed("labelColor");

apps/browser/src/popup/scss/variables.scss

@@ -35,6 +35,8 @@ $gray-silver: #d6d8da;
 $text-muted: rgba($grey900, 0.48);
 $text-muted-contrasted: rgba($grey900, 0.72);
 
+$twake-text-color: rgba(28, 27, 31, 0.72);
+
 $brand-primary: #297ef2;
 $brand-primary-active: darken($brand-primary, 5%);
 $brand-danger: #ea3f3f;
@@ -51,7 +53,7 @@ $brand-info-contrasted: #008281;
 $brand-warning-contrasted: #a36800;
 $brand-primary-accent-contrasted: darken($brand-primary-contrasted, 8%);
 
-$background-color: #f5f6f7;
+$background-color: #f3f6f9;
 $background-color-alt: #ffffff;
 $background-color-lighter: #5397f4;
 
@@ -107,16 +109,16 @@ $themes: (
     boxBackgroundColor: $box-background-color,
     boxBackgroundHoverColor: $box-background-hover-color,
     boxBorderColor: $box-border-color,
-    tabBackgroundColor: #ffffff,
-    tabBackgroundHoverColor: $list-item-hover,
-    headerColor: #ffffff,
-    headerBackgroundColor: $brand-primary,
+    tabBackgroundColor: #f3f6f9,
+    tabBackgroundHoverColor: #f3f6f9,
+    headerColor: $twake-text-color,
+    headerBackgroundColor: #ffffff,
     headerBackgroundHoverColor: rgba(255, 255, 255, 0.1),
-    headerBorderColor: $brand-primary,
-    headerInputBackgroundColor: lighten($brand-primary, 8%),
-    headerInputBackgroundFocusColor: lighten($brand-primary, 8%),
-    headerInputColor: #ffffff,
-    headerInputPlaceholderColor: lighten($brand-primary, 35%),
+    headerBorderColor: #f2f2f2,
+    headerInputBackgroundColor: #f3f6f9,
+    headerInputBackgroundFocusColor: #f3f6f9,
+    headerInputColor: $twake-text-color,
+    headerInputPlaceholderColor: rgba(134, 134, 135, 1),
     listItemBackgroundHoverColor: $list-item-hover,
     disabledIconColor: $list-icon-color,
     disabledBoxOpacity: $disabled-box-opacity,
@@ -173,16 +175,16 @@ $themes: (
     boxBackgroundColor: $box-background-color,
     boxBackgroundHoverColor: $box-background-hover-color,
     boxBorderColor: $box-border-color,
-    tabBackgroundColor: #ffffff,
-    tabBackgroundHoverColor: $list-item-hover,
-    headerColor: #ffffff,
-    headerBackgroundColor: $brand-primary-contrasted,
+    tabBackgroundColor: #f3f6f9,
+    tabBackgroundHoverColor: #f3f6f9,
+    headerColor: $twake-text-color,
+    headerBackgroundColor: #ffffff,
     headerBackgroundHoverColor: rgba(255, 255, 255, 0.1),
-    headerBorderColor: $brand-primary-contrasted,
-    headerInputBackgroundColor: lighten($brand-primary-contrasted, 8%),
-    headerInputBackgroundFocusColor: lighten($brand-primary-contrasted, 8%),
-    headerInputColor: #ffffff,
-    headerInputPlaceholderColor: lighten($brand-primary-contrasted, 35%),
+    headerBorderColor: #f2f2f2,
+    headerInputBackgroundColor: #f3f6f9,
+    headerInputBackgroundFocusColor: #f3f6f9,
+    headerInputColor: $twake-text-color,
+    headerInputPlaceholderColor: rgba(134, 134, 135, 1),
     listItemBackgroundHoverColor: $list-item-hover,
     disabledIconColor: $list-icon-color,
     disabledBoxOpacity: $disabled-box-opacity,

apps/browser/src/vault/popup/components/vault/add-edit.component.html

@@ -5,7 +5,7 @@
       <button type="button" (click)="cancel()">{{ "cancel" | i18n }}</button>
       -->
       <button type="button" (click)="cancel()" title="{{ 'cancel_shortcut' | i18n }}">
-        <i class="icon-cozy icon-cross" aria-hidden="true"></i>
+        <span class="header-icon"><i class="bwi bwi-close" aria-hidden="true"></i></span>
       </button>
       <!-- end Cozy -->
     </div>

apps/browser/src/vault/popup/components/vault/share.component.html

@@ -6,7 +6,7 @@
         <button type="button" (click)="cancel()">{{ "cancel" | i18n }}</button>
         -->
         <button type="button" appBlurClick (click)="cancel()" title="{{ 'close_shortcut' | i18n }}">
-          <i class="icon-cozy icon-cross" aria-hidden="true"></i>
+          <span class="header-icon"><i class="bwi bwi-close" aria-hidden="true"></i></span>
         </button>
         <!-- end custo -->
       </div>

apps/browser/src/vault/popup/components/vault/vault-filter.component.html

@@ -23,7 +23,7 @@ <h1 class="sr-only">{{ "myVault" | i18n }}</h1>
   </div>
   <div class="right">
     <button type="button" (click)="addCipher()" appA11yTitle="{{ 'addItem' | i18n }}">
-      <i class="icon-cozy icon-plus" aria-hidden="true"></i>
+      <span class="header-icon"><i class="bwi bwi-plus" aria-hidden="true"></i></span>
     </button>
   </div>
 </app-header>

apps/browser/src/vault/popup/components/vault/vault-items.component.html

@@ -1,9 +1,7 @@
 <header>
   <div class="left">
     <button type="button" (click)="back()" title="{{ 'back_shortcut' | i18n }}">
-      <span class="header-icon" title="{{ 'back' | i18n }}" style="margin-right: 0px">
-        <i class="icon-cozy icon-back" style="display: block"></i>
-      </span>
+      <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
     </button>
   </div>
   <h1 class="sr-only">{{ "myVault" | i18n }}</h1>
@@ -33,7 +31,7 @@ <h1 class="sr-only">{{ "myVault" | i18n }}</h1>
       appA11yTitle="{{ 'addItem' | i18n }}"
       *ngIf="type !== cipherType.Identity"
     >
-      <i class="icon-cozy icon-plus" aria-hidden="true"></i>
+      <span class="header-icon"><i class="bwi bwi-plus" aria-hidden="true"></i></span>
     </button>
   </div>
 </header>

apps/browser/src/vault/popup/components/vault/view.component.html

@@ -4,7 +4,7 @@
     <button type="button" (click)="close()">{{ "close" | i18n }}</button>
     -->
     <button type="button" appBlurClick (click)="close()" title="{{ 'close_shortcut' | i18n }}">
-      <i class="icon-cozy icon-cross" aria-hidden="true"></i>
+      <span class="header-icon"><i class="bwi bwi-close" aria-hidden="true"></i></span>
     </button>
     <!-- end custo -->
   </div>
@@ -24,7 +24,7 @@ <h1 class="center">
       title="{{ 'edit' | i18n }}"
       appBlurClick
     >
-      <i class="icon-cozy icon-pen" aria-hidden="true"></i>
+      <span class="header-icon"><i class="bwi bwi-pencil-square" aria-hidden="true"></i></span>
     </button>
     <!-- end custo -->
   </div>

apps/browser/src/vault/popup/settings/folders.component.html

@@ -1,9 +1,7 @@
 <header>
   <div class="left">
     <button type="button" routerLink="/tabs/settings">
-      <span class="header-icon" title="{{ 'back' | i18n }}"
-        ><i class="icon-cozy icon-back"></i
-      ></span>
+      <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
     </button>
   </div>
   <h1 class="center">

apps/browser/src/vault/popup/settings/sync.component.html

@@ -1,9 +1,7 @@
 <header>
   <div class="left">
     <button type="button" routerLink="/tabs/settings">
-      <span class="header-icon" title="{{ 'back' | i18n }}"
-        ><i class="icon-cozy icon-back"></i
-      ></span>
+      <span class="header-icon"><i class="bwi bwi-angle-left" aria-hidden="true"></i></span>
     </button>
   </div>
   <h1 class="center">