@linktr.ee/messaging-react 3.5.6-rc-1783097662 → 3.5.6-rc-1783100793

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.5.6-rc-1783097662",
+  "version": "3.5.6-rc-1783100793",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "2.3.0-rc-1783097662",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1783100793",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/styles.css

@@ -564,34 +564,6 @@
   letter-spacing: 0.14px;
 }
 
-/* Keep every bubble a full pill regardless of its position in a same-author
-   run. stream-chat-react's default theme flattens the inner corners of
-   grouped bubbles (bottom-/top-inline-end for `--me`, inline-start for
-   `--other`) via `.str-chat__li--{top,middle,bottom} .str-chat__message--{me,other}
-   .str-chat__message-bubble` rules at specificity (0,3,0). We prepend the
-   `.str-chat` root class to reach (0,4,0) so this wins independently of
-   stylesheet load order and restores the fully-rounded pill from the Figma
-   spec — only the trailing bubble's tail (`::after`, below) breaks the pill. */
-.str-chat .str-chat__li--single .str-chat__message--me .str-chat__message-bubble,
-.str-chat .str-chat__li--top .str-chat__message--me .str-chat__message-bubble,
-.str-chat .str-chat__li--middle .str-chat__message--me .str-chat__message-bubble,
-.str-chat .str-chat__li--bottom .str-chat__message--me .str-chat__message-bubble,
-.str-chat
-  .str-chat__li--single
-  .str-chat__message--other
-  .str-chat__message-bubble,
-.str-chat .str-chat__li--top .str-chat__message--other .str-chat__message-bubble,
-.str-chat
-  .str-chat__li--middle
-  .str-chat__message--other
-  .str-chat__message-bubble,
-.str-chat
-  .str-chat__li--bottom
-  .str-chat__message--other
-  .str-chat__message-bubble {
-  border-radius: var(--str-chat__message-bubble-border-radius);
-}
-
 /* Chatbot reply markdown — restore semantics that consumer Tailwind preflight
    (or other resets) strip from the body of `.str-chat__message-text-inner`. */
 .str-chat__message-text-inner :where(h1, h2, h3, h4, h5, h6) {
@@ -696,22 +668,24 @@
   margin-bottom: 0;
 }
 
-/* Roomier, even vertical gap between bubbles within a same-author run.
-   stream defaults grouped messages to 0.125rem (2px), which reads as
-   cramped now that each bubble is a full pill; the Figma grouped-message
-   spacing is closer to 6px. `.str-chat` prefix → (0,3,0) so it beats
-   stream's (0,2,0) grouping rule regardless of stylesheet load order. */
-.str-chat .str-chat__li--top .str-chat__message,
-.str-chat .str-chat__li--middle .str-chat__message {
-  margin-block-end: 0.375rem;
-}
-
 .str-chat__li--single,
 .str-chat__li--bottom {
   .str-chat__message {
     margin-block-end: 0.875rem;
   }
 
+  /* Re-round the outer bottom corner of the trailing/standalone bubble
+     (bottom-inline-start for `--other`, bottom-inline-end for `--me`) that
+     stream's grouping flattens — matches main's merged-run shape where the
+     run reads as one column capped by a rounded bottom corner. The inner
+     corners stay flattened so consecutive bubbles still merge. */
+  .str-chat__message--other .str-chat__message-bubble {
+    border-end-start-radius: var(--str-chat__message-bubble-border-radius);
+  }
+  .str-chat__message--me .str-chat__message-bubble {
+    border-end-end-radius: var(--str-chat__message-bubble-border-radius);
+  }
+
   /* `:not([data-attachment-bubble])` keeps the tail off self-contained
      attachment/media cards (see `MediaMessage`): those render their own
      shadowed card inside a transparent bubble, so a tail tinted from the