stream-chat-react 10.4.1 → 10.4.3

package/dist/scss/Card.scss

@@ -35,7 +35,7 @@
 
   &--content {
     padding: var(--xs-p) var(--sm-p);
-    margin: calc(var(--xs-m) * -1);
+    margin: calc(-1 * var(--xs-m));
     display: flex;
     flex-direction: row;
     align-items: center;

package/dist/scss/ChannelHeader.scss

@@ -65,7 +65,7 @@
 
     &-right {
       display: flex;
-      margin: 0 calc(var(--xxs-m) * -1);
+      margin: 0 calc(-1 * var(--xxs-m));
 
       &-button-wrapper {
         position: relative;

package/dist/scss/MessageInput.scss

@@ -207,7 +207,7 @@
   padding: 0 var(--md-p);
   display: flex;
   align-items: center;
-  margin: 0 calc(var(--xs-m) * -1);
+  margin: 0 calc(-1 * var(--xs-m));
 
   &--entity {
     min-width: 24px;

package/dist/scss/TypingIndicator.scss

@@ -11,7 +11,7 @@
     display: flex;
 
     .str-chat__avatar {
-      margin-right: calc(var(--xs-m) * -1);
+      margin-right: calc(-1 * var(--xs-m));
 
       &:last-of-type {
         margin-right: var(--xs-m);

package/dist/scss/_variables.scss

@@ -127,7 +127,7 @@ $border-radius: 16px;
   --xxl-m: calc(var(--spacing-unit) * 8); // 64px
 
   /* miscellaneous */
-  --assetsPath: $assetsPath;
+  --assetsPath: '#{$assetsPath}';
 
   /* accent colors */
   --accent_blue: #005fff;

package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss

@@ -94,20 +94,18 @@
   }
 
   // Images uploaded from files
-  .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) {
-    img {
-      @include utils.clamped-height-from-original-image-dimensions(
-        '--str-chat__attachment-max-width',
-        '--str-chat__attachment-max-width'
-      );
+  .str-chat__message-attachment--image:not(.str-chat__message-attachment--card) > img {
+    @include utils.clamped-height-from-original-image-dimensions(
+      '--str-chat__attachment-max-width',
+      '--str-chat__attachment-max-width'
+    );
 
-      // CDN resize requires max-width and height/max-height to be present on this element
-      max-width: var(--str-chat__attachment-max-width);
-      max-height: var(--str-chat__attachment-max-width);
-      object-fit: cover;
-      width: 100%;
-      cursor: zoom-in;
-    }
+    // CDN resize requires max-width and height/max-height to be present on this element
+    max-width: var(--str-chat__attachment-max-width);
+    max-height: var(--str-chat__attachment-max-width);
+    object-fit: cover;
+    width: 100%;
+    cursor: zoom-in;
   }
 
   // Video files: uploaded from files and scraped

package/dist/scss/v2/Message/Message-theme.scss

@@ -70,6 +70,9 @@
   /* The background of the message bubble */
   --str-chat__message-bubble-background-color: var(--str-chat__secondary-surface-color);
 
+  /* The text/icon of the message bubble, if the message was sent by the user */
+  --str-chat__own-message-bubble-color: var(--str-chat__message-bubble-color);
+
   /* The background of the message bubble, if the message was sent by the user */
   --str-chat__own-message-bubble-background-color: var(--str-chat__primary-surface-color);
 
@@ -212,6 +215,7 @@
   }
 
   &.str-chat__message--me .str-chat__message-bubble {
+    color: var(--str-chat__own-message-bubble-color);
     background-color: var(--str-chat__own-message-bubble-background-color);
   }
 

package/dist/utils.js

@@ -156,7 +156,7 @@ export var mentionsMarkdownPlugin = function (mentioned_users) { return function
                 // valid cases:   "text @", "@", " @"
                 // invalid cases: "text@", "@text",
                 /.?\s?@$|^@$/.test(node.value) &&
-                nextChildHref.startsWith('mailto:')) {
+                (nextChildHref === null || nextChildHref === void 0 ? void 0 : nextChildHref.startsWith('mailto:'))) {
                 var newTextValue = node.value.replace(/@$/, '');
                 var username = nextChildHref.replace('mailto:', '');
                 parent.children[index] = u('text', newTextValue);

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.4.1";
+export declare const version = "10.4.3";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '10.4.1';
+export var version = '10.4.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "10.4.1",
+  "version": "10.4.3",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "6.0.0",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^3.6.0",
+    "@stream-io/stream-chat-css": "^3.7.2",
     "clsx": "^1.1.1",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
@@ -67,7 +67,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^8.0.0 || ^7.1.0"
+    "stream-chat": "^8.0.0"
   },
   "files": [
     "dist",
@@ -87,7 +87,7 @@
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
     "@ladle/react": "^0.16.0",
-    "@playwright/test": "^1.22.0",
+    "@playwright/test": "^1.29.1",
     "@rollup/plugin-babel": "^5.2.1",
     "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-image": "^2.1.1",
@@ -95,7 +95,7 @@
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^2.3.4",
     "@rollup/plugin-typescript": "8.2.1",
-    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
     "@testing-library/jest-dom": "^5.16.4",
@@ -168,9 +168,9 @@
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-url": "^3.0.1",
     "rollup-plugin-visualizer": "^4.2.0",
-    "semantic-release": "^19.0.2",
+    "semantic-release": "^19.0.5",
     "semantic-release-cli": "^5.4.4",
-    "stream-chat": "^7.1.0",
+    "stream-chat": "^8.2.1",
     "style-loader": "^2.0.0",
     "ts-jest": "^26.5.1",
     "tslib": "2.3.0",
@@ -212,7 +212,7 @@
     "e2e-fixtures": "node e2e/fixtures/fixtures.mjs",
     "e2e-container": "./e2e/scripts/run_in_container.sh",
     "docs-copy-css-docs": "scripts/merge-stream-chat-css-docs.sh node_modules/@stream-io/stream-chat-css/docs",
-    "docs-run": "yarn docs-copy-css-docs && npx stream-chat-docusaurus -s"
+    "docs-run": "yarn docs-copy-css-docs && stream-chat-docusaurus -s"
   },
   "resolutions": {
     "ast-types": "^0.14.0",