stream-chat-react 12.13.0 → 12.14.0

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

@@ -65,8 +65,9 @@
   }
 
   .str-chat__loading-channel-message-list {
-    @include utils.message-list-spacing;
+    /* stylelint-disable */
     height: 100%;
+    @include utils.message-list-spacing;
 
     .str-chat__loading-channel-message {
       display: flex;

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

@@ -120,6 +120,10 @@
     grid-template-areas: 'message';
   }
 
+  &.str-chat__message--blocked {
+    grid-template-areas: 'message';
+  }
+
   &.str-chat__message--system {
     grid-template-areas: 'message';
     grid-template-columns: auto;
@@ -260,6 +264,10 @@
     @include chat-bubble-spacing;
   }
 
+  .str-chat__message--blocked-inner {
+    @include chat-bubble-spacing;
+  }
+
   .str-chat__quoted-message-bubble {
     @include chat-bubble-spacing;
     display: flex;

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

@@ -118,6 +118,30 @@
   /* Box shadow applied to a deleted message */
   --str-chat__deleted-message-box-shadow: none;
 
+  /* The border radius used for the borders of a deleted message */
+  --str-chat__blocked-message-border-radius: var(--str-chat__border-radius-md);
+
+  /* The text/icon of a deleted message */
+  --str-chat__blocked-message-color: var(--str-chat__text-low-emphasis-color);
+
+  /* The background of a deleted message */
+  --str-chat__blocked-message-background-color: var(--str-chat__secondary-surface-color);
+
+  /* Top border of a deleted message */
+  --str-chat__blocked-message-border-block-start: none;
+
+  /* Bottom border of a deleted message */
+  --str-chat__blocked-message-border-block-end: none;
+
+  /* Left (right in RTL layout) border of a deleted message */
+  --str-chat__blocked-message-border-inline-start: none;
+
+  /* Right (left in RTL layout) border of a deleted message */
+  --str-chat__blocked-message-border-inline-end: none;
+
+  /* Box shadow applied to a deleted message */
+  --str-chat__blocked-message-box-shadow: none;
+
   /* The border radius used for the borders of a system message */
   --str-chat__system-message-border-radius: 0;
 
@@ -214,6 +238,11 @@
     font: var(--str-chat__body2-text);
   }
 
+  .str-chat__message--blocked-inner {
+    @include utils.component-layer-overrides('blocked-message');
+    font: var(--str-chat__body2-text);
+  }
+
   &.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/scss/v2/vendor/react-image-gallery.scss

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 $ig-small-screen: 768px !default;
 $ig-xsmall-screen: 480px !default;
 $ig-white: #fff !default;
@@ -5,7 +7,7 @@ $ig-black: #000 !default;
 $ig-blue: #337ab7 !default;
 $ig-background-black: rgba(0, 0, 0, 0.4) !default;
 $ig-transparent: rgba(0, 0, 0, 0) !default;
-$ig-shadow: 0 2px 2px lighten($ig-black, 10%);
+$ig-shadow: 0 2px 2px color.adjust($ig-black, $lightness: 10%);
 
 @mixin vendor-prefix($name, $value) {
   @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "12.13.0",
+  "version": "12.14.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -184,10 +184,9 @@
     "@eslint/js": "^9.16.0",
     "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.42.1",
-    "@semantic-release/changelog": "^6.0.2",
-    "@semantic-release/exec": "^6.0.3",
+    "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@stream-io/stream-chat-css": "^5.7.1",
+    "@stream-io/stream-chat-css": "^5.8.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -215,12 +214,11 @@
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "codecov": "^3.8.1",
     "concurrently": "^8.2.2",
-    "conventional-changelog-conventionalcommits": "^7.0.2",
+    "conventional-changelog-conventionalcommits": "^8.0.0",
     "core-js": "^3.6.5",
     "dotenv": "^8.6.0",
     "emoji-mart": "^5.5.2",
     "esbuild": "^0.23.1",
-    "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^9.16.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^28.11.0",
@@ -237,10 +235,10 @@
     "jsdom": "^24.1.1",
     "lint-staged": "^15.2.1",
     "moment-timezone": "^0.5.43",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "semantic-release": "^19.0.5",
+    "semantic-release": "^24.2.3",
     "stream-chat": "^8.55.0",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
@@ -255,7 +253,7 @@
     "lint-fix": "yarn prettier-fix && yarn eslint-fix",
     "eslint": "eslint --max-warnings 0",
     "eslint-fix": "eslint --fix",
-    "prettier": "prettier 'src/**/*.{js,ts,jsx,tsx,md,json}' .prettierrc babel.config.js eslint.config.mjs",
+    "prettier": "prettier '**/*.{js,mjs,ts,mts,jsx,tsx,md,json,yml}'",
     "prettier-fix": "yarn prettier --write",
     "fix-staged": "lint-staged --config .lintstagedrc.fix.json --concurrent 1",
     "start": "tsc --watch --sourceMap --declarationMap",
@@ -270,8 +268,7 @@
     "e2e": "playwright test",
     "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 && stream-chat-docusaurus -s"
+    "prepack": "yarn build"
   },
   "resolutions": {
     "ast-types": "^0.14.0",