@linktr.ee/messaging-react 3.24.1 → 3.24.2-rc-1785435591

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.24.1",
+  "version": "3.24.2-rc-1785435591",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "^2.2.0",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1785435591",
     "@linktr.ee/messaging-taxonomy": "^0.3.0",
     "@phosphor-icons/react": "^2.1.10"
   },

package/src/styles.css

@@ -485,9 +485,27 @@
   background-color: transparent;
 }
 
+/* `str-chat__message-attachment--card` is emitted only by stream-chat-react's
+   default `Attachment` — no toolkit component renders that class. It is reached
+   when a message falls through `canRenderAttachmentsInToolkit`
+   (`CustomMessage/index.tsx`), which happens whenever ANY attachment on the
+   message fails classification: `buildOrderedAttachmentSegments` silently
+   `continue`s past it, `allAttachmentsRepresented` goes false, and the whole
+   message loses the toolkit's chrome.
+
+   The `color: white` below has been here since "Theme Stream chat UI" (#185) and
+   assumes an opaque dark card. Stream paints no background on the card content,
+   so on an own message the title and URL landed white on the `#FBFAF9` messaging
+   surface — measured ~1.02:1, effectively invisible (MES-1388).
+
+   Paint the same shade the designed link chin falls back to
+   (`CHIN_FALLBACK_BG` in `LinkAttachment/.../chinContrast.ts`), so the assumption
+   the white text makes is actually true. This is a floor, not the fix for why a
+   given attachment fails classification — see the note in MES-1388. */
 .str-chat__message.str-chat__message--me {
   .str-chat__attachment-list .str-chat__message-attachment--card {
     color: white;
+    background-color: var(--brand-shade, #1e2330);
   }
 }
 
@@ -665,7 +683,9 @@
   line-height: 1.4;
   color: var(--str-chat__text-low-emphasis-color, rgba(0, 0, 0, 0.5));
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
   .str-chat__message-status {
   grid-area: auto;
   justify-content: inherit;
@@ -694,7 +714,9 @@
 .str-chat__li .str-chat__message--me .sent-message-status-row svg path {
   fill: currentColor;
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
   .sent-message-broadcast-badge {
   display: inline-flex;
   width: 16px;
@@ -706,20 +728,31 @@
   background: var(--sent-message-broadcast-badge-color);
   color: #fff;
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
-  .sent-message-broadcast-badge svg {
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
+  .sent-message-broadcast-badge
+  svg {
   width: 10px;
   height: 10px;
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
-  .sent-message-broadcast-badge svg path {
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
+  .sent-message-broadcast-badge
+  svg
+  path {
   fill: currentColor;
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
   .sent-message-broadcast-name {
   color: var(--sent-message-broadcast-name-color);
 }
-.str-chat__li .str-chat__message--me .sent-message-status-row
+.str-chat__li
+  .str-chat__message--me
+  .sent-message-status-row
   .sent-message-broadcast-link
   .sent-message-broadcast-name {
   text-decoration: underline;