Merge pull request #223 from GetStream/css-bump

feat: Bump CSS version

Author: szuperaz

package-lock.json

@@ -86,7 +86,7 @@
     "@ctrl/ngx-emoji-mart": "^6.2.0",
     "@ngx-translate/core": "^13.0.0",
     "@ngx-translate/http-loader": "^6.0.0",
-    "@stream-io/stream-chat-css": "2.5.0",
+    "@stream-io/stream-chat-css": "2.6.0",
     "@stream-io/transliterate": "^1.5.2",
     "angular-mentions": "^1.4.0",
     "dayjs": "^1.10.7",

package.json

@@ -13,7 +13,7 @@
     "@angular/core": "^12.2.0 || ^13.0.0",
     "@ngx-translate/core": "^13.0.0 || ^14.0.0",
     "stream-chat": "^4.3.0 || ^5.0.0",
-    "@stream-io/stream-chat-css": "2.5.0"
+    "@stream-io/stream-chat-css": "2.6.0"
   },
   "dependencies": {
     "angular-mentions": "^1.4.0",

projects/stream-chat-angular/package.json

@@ -4,9 +4,7 @@
     (click)="toggleMenu($event)"
     (keyup.enter)="toggleMenu($event)"
   >
-    <span class="str-chat__header-hamburger--line"></span>
-    <span class="str-chat__header-hamburger--line"></span>
-    <span class="str-chat__header-hamburger--line"></span>
+    <stream-icon icon="menu"></stream-icon>
   </div>
   <stream-avatar
     imageUrl="{{ activeChannel?.data?.image }}"

projects/stream-chat-angular/src/lib/channel-header/channel-header.component.html

@@ -238,3 +238,19 @@
     fill="var(--black)"
   />
 </svg>
+<svg
+  *ngIf="icon === 'menu'"
+  data-testid="menu"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M3 8V6H21V8H3ZM3 13H21V11H3V13ZM3 18H21V16H3V18Z"
+    fill="black"
+  />
+</svg>

projects/stream-chat-angular/src/lib/icon/icon.component.html

@@ -14,7 +14,8 @@ export type Icon =
   | 'close-no-outline'
   | 'reply-in-thread'
   | 'arrow-left'
-  | 'arrow-right';
+  | 'arrow-right'
+  | 'menu';
 
 /**
  * The `Icon` component can be used to display different icons (i. e. message delivered icon).