@linktr.ee/messaging-react 3.38.0 → 3.38.2-rc-1786356681

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-ClrAsOSz.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DzOGH7lG.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageBubble=e.MessageBubble;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.RichCard=e.RichCard;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.optimizeMessagingAttachmentUrl=e.optimizeMessagingAttachmentUrl;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as n, d as o, e as m, F as r, f as l, L as g, h as c, M, i as h, j as L, k as u, l as d, R as p, m as C, n as v, p as A, q as k, s as F, t as b, u as P, v as f, w as x, o as y, x as z, y as S, z as q, B, D, E, G as R } from "./index-BZmVfHbm.js";
+import { a as e, b as t, C as i, c as n, d as o, e as m, F as r, f as l, L as g, h as c, M, i as h, j as L, k as u, l as d, R as p, m as C, n as v, p as A, q as k, s as F, t as b, u as P, v as f, w as x, o as y, x as z, y as S, z as q, B, D, E, G as R } from "./index-i03XGFsr.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.38.0",
+  "version": "3.38.2-rc-1786356681",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -50,7 +50,7 @@
     "chromatic:local": "yarn storybook:build && chromatic"
   },
   "dependencies": {
-    "@linktr.ee/messaging-core": "^2.4.0",
+    "@linktr.ee/messaging-core": "2.4.0-rc-1786356681",
     "@linktr.ee/messaging-taxonomy": "^0.9.0",
     "@phosphor-icons/react": "^2.1.10"
   },

package/src/components/MessageAttachment/Image/index.tsx

@@ -292,17 +292,22 @@ const ImageBubbleRow: React.FC<InternalImageRowProps> = ({
       // for a 2px frame around the media, at a uniform r20 that never
       // flattens against a caption bubble — `attachment-single-media`
       // 330×250 and `attachment-single-image` 383×290, both `pad2`
-      // `cornerRadius: 20` with no stroke. The single card sizes to
-      // the fitted media box (capped so a long in-bubble caption can
-      // not stretch it past the 330px design maximum); the stacked
-      // card is a fixed 383px, capped so it cannot overflow a narrow
-      // viewport. `bordered={false}` because a hairline on top of the
-      // 2px frame would read as a third edge and push the card 2px
-      // over its measured width.
+      // `cornerRadius: 20` with no stroke. The single card sizes to the
+      // fitted media box, capped at `min(100%, 313/330px)`: the `100%`
+      // keeps it inside the attachment bubble (Stream pins that to 300px;
+      // a fixed `max-w-[330px]` overflowed it into the message-list
+      // gutter), and the 313/330 ceiling holds in a wider or standalone
+      // container so a long caption cannot stretch the card past the
+      // design maximum. The media itself is separately capped by
+      // `MediaStackGrid`'s `--mes-single-width-cap`; the stacked card is a
+      // fixed 383px with `max-w-full` for the same bubble fit.
+      // `bordered={false}` because a hairline on top of the 2px frame
+      // would read as a third edge and push the card 2px over its
+      // measured width.
       bordered={false}
       widthClassName={
         isSingle
-          ? 'w-fit max-w-[313px] sm:max-w-[330px]'
+          ? 'w-fit max-w-[min(100%,313px)] sm:max-w-[min(100%,330px)]'
           : 'w-[383px] max-w-full'
       }
       paddingClassName="p-0.5"

package/src/styles.css

@@ -818,7 +818,14 @@
    the lightness to this side's `--surface-l` stop. Only paints where the browser
    resolves relative colour syntax and an accent is set — otherwise the card's
    `bg-[…]` fallback fill shows through. The stops clear 4.5:1 against each side's
-   ink at every hue. */
+   ink at every hue.
+
+   `[data-variant]` is repeated in the accent selector purely for specificity:
+   the `bg-[…]` fallback is a consumer-generated Tailwind utility, and a consumer
+   that scopes its utilities under a wrapper class (e.g. admin's `.mes`) emits it
+   as `.mes .bg-[…]` at (0,2,0) — tying a bare `.messaging-link-card[style*=…]`
+   and, loading later, winning. The extra attribute lifts this rule to (0,3,0) so
+   the accent reliably outranks one scoping ancestor. */
 .messaging-link-card[data-variant='dark'] {
   --surface-l: 0.3;
 }
@@ -827,7 +834,7 @@
 }
 
 @supports (background: oklch(from red l c h)) {
-  .messaging-link-card[style*='--accent'] {
+  .messaging-link-card[style*='--accent'][data-variant] {
     background: oklch(from var(--accent) var(--surface-l) c h);
   }
 }