@linktr.ee/messaging-react 3.12.4-rc-1784101349 → 3.12.4-rc-1784103212

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@linktr.ee/messaging-react",
3
- "version": "3.12.4-rc-1784101349",
3
+ "version": "3.12.4-rc-1784103212",
4
4
  "description": "React messaging components built on messaging-core for web applications",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@linktr.ee/component-library": "11.8.6",
53
- "@linktr.ee/messaging-core": "2.3.0-rc-1784101349",
53
+ "@linktr.ee/messaging-core": "2.3.0-rc-1784103212",
54
54
  "@phosphor-icons/react": "^2.1.10"
55
55
  },
56
56
  "devDependencies": {
@@ -144,12 +144,14 @@ const StoryCard: React.FC<{ children: React.ReactNode }> = ({ children }) => (
144
144
  )
145
145
 
146
146
  /**
147
- * Full `MediaMessage` chrome includes avatar + the chat-list 1/6 open-side
148
- * reserve. Pin the bubble column to 280px and clear that reserve so story
149
- * cells show the designed card size instead of a squeezed remnant.
147
+ * `MediaMessage` renders full Stream message chrome. Outside a `.str-chat__li`
148
+ * list, only Stream's base `.str-chat__message-inner` grid applies
149
+ * (`auto 1fr`), so the bubble collapses to its content width while the empty
150
+ * options track eats the rest. Flatten that inner grid and pin the bubble
151
+ * wrapper to 280px so each story card renders at its designed size.
150
152
  */
151
153
  const StoryMessage: React.FC<{ children: React.ReactNode }> = ({ children }) => (
152
- <div className="[&_.str-chat__message]:![padding-inline:0] [&_.str-chat__message-inner]:w-[280px]">
154
+ <div className="[&_.str-chat\_\_message-inner]:!block [&_.str-chat\_\_message-bubble-wrapper]:!w-[280px]">
153
155
  {children}
154
156
  </div>
155
157
  )