@linktr.ee/messaging-react 4.3.1-rc-1787565170 โ 4.3.1-rc-1787565296
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": "4.3.1-rc-
|
|
3
|
+
"version": "4.3.1-rc-1787565296",
|
|
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
|
"chromatic:local": "yarn storybook:build && chromatic"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@linktr.ee/messaging-core": "2.5.0-rc-
|
|
53
|
+
"@linktr.ee/messaging-core": "2.5.0-rc-1787565296",
|
|
54
54
|
"@linktr.ee/messaging-taxonomy": "^0.10.0",
|
|
55
55
|
"@phosphor-icons/react": "^2.1.10"
|
|
56
56
|
},
|
|
@@ -95,6 +95,13 @@ const COLLECTION: RichCardBaseProps = {
|
|
|
95
95
|
imagePresentation: 'fan',
|
|
96
96
|
actions: [secondaryLink('View collection', 'tr.ee/briesummer')],
|
|
97
97
|
}
|
|
98
|
+
const NEWLINE_SUBTITLE: RichCardBaseProps = {
|
|
99
|
+
...OFFICIAL_WELCOME,
|
|
100
|
+
title: 'Start every conversation with a personal welcome message!',
|
|
101
|
+
subtitle:
|
|
102
|
+
'๐ Say hello as people arrive\nโจ Spark conversations\n๐ฌ Add automated FAQs',
|
|
103
|
+
subtitleLines: 6,
|
|
104
|
+
}
|
|
98
105
|
|
|
99
106
|
const bothSides = (props: RichCardBaseProps) => (
|
|
100
107
|
<>
|
|
@@ -113,7 +120,8 @@ const bothSides = (props: RichCardBaseProps) => (
|
|
|
113
120
|
* The three real surfaces that converge on `linktree_rich_card`, each shown
|
|
114
121
|
* Received (light) and Sent (dark). They differ only by knobs: the official
|
|
115
122
|
* welcome card is `hero + primary`; a single-link broadcast is `hero +
|
|
116
|
-
* secondary`; a collection is `fan + secondary`.
|
|
123
|
+
* secondary`; a collection is `fan + secondary`. A fourth row shows a
|
|
124
|
+
* newline-separated subtitle (the onboarding result-card shape).
|
|
117
125
|
*/
|
|
118
126
|
export const Instances: StoryFn = () => (
|
|
119
127
|
<Table>
|
|
@@ -131,6 +139,10 @@ export const Instances: StoryFn = () => (
|
|
|
131
139
|
<RowLabel>Collection โ fan ยท secondary</RowLabel>
|
|
132
140
|
{bothSides(COLLECTION)}
|
|
133
141
|
</tr>
|
|
142
|
+
<tr>
|
|
143
|
+
<RowLabel>Subtitle with newlines</RowLabel>
|
|
144
|
+
{bothSides(NEWLINE_SUBTITLE)}
|
|
145
|
+
</tr>
|
|
134
146
|
</tbody>
|
|
135
147
|
</Table>
|
|
136
148
|
)
|