@linktr.ee/messaging-react 3.19.0 → 3.19.1-rc-1785398291

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.19.0",
3
+ "version": "3.19.1-rc-1785398291",
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.2.0",
53
+ "@linktr.ee/messaging-core": "2.3.0-rc-1785398291",
54
54
  "@linktr.ee/messaging-taxonomy": "^0.2.0",
55
55
  "@phosphor-icons/react": "^2.1.10"
56
56
  },
package/src/styles.css CHANGED
@@ -19,6 +19,25 @@
19
19
  padding-bottom: calc(var(--messaging-composer-height, 9rem) + 1.25rem);
20
20
  }
21
21
 
22
+ /* Chat-area side gutter. Figma's `chat-area` frame is `pad 16/32/16/32` across
23
+ every desktop attachment frame (`1962:24885`, `1973:12771`, `2032:22657` and
24
+ five more). Nothing set an inline padding, so sent media — which uses fixed
25
+ card widths — sat flush against the panel edge, while text-only bubbles
26
+ looked correctly inset because of the separate ~1/6 open-side reserve
27
+ (MES-1278) further down this file. That mismatch is what reads as
28
+ inconsistent padding between messages.
29
+
30
+ Deliberately desktop-only: the 393px frames specify `pad 8/8/8/8`, but those
31
+ are the admin mobile-web frames, and this stylesheet also dresses the
32
+ visitor sheet in linktr.ee-profiles, whose spacing comes from a different
33
+ Figma page. Narrow viewports keep today's value until that side is measured.
34
+ Block padding is untouched — the floating rule above owns padding-bottom. */
35
+ @media (min-width: 767px) {
36
+ .str-chat__message-list-scroll {
37
+ padding-inline: 32px;
38
+ }
39
+ }
40
+
22
41
  .messaging-channel-layout {
23
42
  --messaging-composer-fade-height: 2rem;
24
43
  }