@campxdev/react-native-blueprint 0.1.23 → 0.1.24
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/global.css +3 -3
- package/lib/global.css +1 -1
- package/lib/module/assets/icons/Image.png +0 -0
- package/lib/module/components/DataDisplay/Avatar/Avatar.js +1 -1
- package/lib/module/components/DataDisplay/Avatar/Avatar.js.map +1 -1
- package/lib/module/components/DataDisplay/Banner/Banner.figma.js +17 -3
- package/lib/module/components/DataDisplay/Banner/Banner.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Banner/Banner.js +138 -34
- package/lib/module/components/DataDisplay/Banner/Banner.js.map +1 -1
- package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js +2 -2
- package/lib/module/components/DataDisplay/CalendarItem/CalendarItem.js.map +1 -1
- package/lib/module/components/DataDisplay/Card/Card.figma.js +11 -4
- package/lib/module/components/DataDisplay/Card/Card.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Card/Card.js +119 -65
- package/lib/module/components/DataDisplay/Card/Card.js.map +1 -1
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js +54 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.figma.js.map +1 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js +318 -0
- package/lib/module/components/DataDisplay/ChatBubble/ChatBubble.js.map +1 -0
- package/lib/module/components/DataDisplay/ChatBubble/index.js +4 -0
- package/lib/module/components/DataDisplay/ChatBubble/index.js.map +1 -0
- package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js +69 -0
- package/lib/module/components/DataDisplay/FeedCard/AttachmentDetails.js.map +1 -0
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js +19 -17
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.js +30 -19
- package/lib/module/components/DataDisplay/FeedCard/FeedCard.js.map +1 -1
- package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js +5 -5
- package/lib/module/components/DataDisplay/Greeting/Greeting.figma.js.map +1 -1
- package/lib/module/components/DataDisplay/Greeting/Greeting.js +46 -70
- package/lib/module/components/DataDisplay/Greeting/Greeting.js.map +1 -1
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js +16 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.figma.js.map +1 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js +111 -0
- package/lib/module/components/DataDisplay/ProfileCard/ProfileCard.js.map +1 -0
- package/lib/module/components/DataDisplay/ProfileCard/index.js +4 -0
- package/lib/module/components/DataDisplay/ProfileCard/index.js.map +1 -0
- package/lib/module/components/Input/Button/Button.js +77 -129
- package/lib/module/components/Input/Button/Button.js.map +1 -1
- package/lib/module/components/Navigation/Appbar/AppBar.figma.js +18 -6
- package/lib/module/components/Navigation/Appbar/AppBar.figma.js.map +1 -1
- package/lib/module/components/Navigation/Appbar/AppBar.js +36 -9
- package/lib/module/components/Navigation/Appbar/AppBar.js.map +1 -1
- package/lib/module/components/Navigation/Popover/Popover.js +1 -1
- package/lib/module/components/Navigation/Popover/Popover.js.map +1 -1
- package/lib/module/components/ui/index.js +2 -0
- package/lib/module/components/ui/index.js.map +1 -1
- package/lib/module/lib/theme.js +2 -2
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js +196 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js +255 -0
- package/lib/module/patterns/pattern-components/AccountPattern/AccountPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/AccountPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/AccountPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.js +1 -1
- package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js +2 -4
- package/lib/module/patterns/pattern-components/CardListPattern/CardListPattern.js.map +1 -1
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js +144 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js +213 -0
- package/lib/module/patterns/pattern-components/FeedPattern/FeedPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/FeedPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/FeedPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js +70 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js +260 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeFacultyPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js +82 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js +256 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/HomeParentPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeParentPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js +73 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js +283 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.js.map +1 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js +4 -0
- package/lib/module/patterns/pattern-components/HomeStudentPattern/index.js.map +1 -0
- package/lib/module/patterns/pattern-components/index.js +5 -0
- package/lib/module/patterns/pattern-components/index.js.map +1 -1
- package/package.json +27 -1
- package/src/assets/icons/Image.png +0 -0
- package/src/components/DataDisplay/Avatar/Avatar.tsx +24 -21
- package/src/components/DataDisplay/Banner/Banner.figma.tsx +18 -3
- package/src/components/DataDisplay/Banner/Banner.tsx +153 -26
- package/src/components/DataDisplay/CalendarItem/CalendarItem.tsx +2 -2
- package/src/components/DataDisplay/Card/Card.figma.tsx +7 -3
- package/src/components/DataDisplay/Card/Card.tsx +152 -101
- package/src/components/DataDisplay/ChatBubble/ChatBubble.figma.tsx +54 -0
- package/src/components/DataDisplay/ChatBubble/ChatBubble.tsx +404 -0
- package/src/components/DataDisplay/ChatBubble/index.ts +8 -0
- package/src/components/DataDisplay/FeedCard/AttachmentDetails.tsx +96 -0
- package/src/components/DataDisplay/FeedCard/FeedCard.figma.tsx +17 -15
- package/src/components/DataDisplay/FeedCard/FeedCard.tsx +66 -35
- package/src/components/DataDisplay/Greeting/Greeting.figma.tsx +5 -5
- package/src/components/DataDisplay/Greeting/Greeting.tsx +58 -96
- package/src/components/DataDisplay/ProfileCard/ProfileCard.figma.tsx +17 -0
- package/src/components/DataDisplay/ProfileCard/ProfileCard.tsx +173 -0
- package/src/components/DataDisplay/ProfileCard/index.ts +1 -0
- package/src/components/Input/Button/Button.tsx +71 -157
- package/src/components/Navigation/Appbar/AppBar.figma.tsx +18 -6
- package/src/components/Navigation/Appbar/AppBar.tsx +58 -13
- package/src/components/Navigation/Popover/Popover.tsx +3 -3
- package/src/components/ui/index.ts +2 -0
- package/src/lib/theme.ts +2 -2
- package/src/patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx +193 -0
- package/src/patterns/pattern-components/AccountPattern/AccountPattern.tsx +301 -0
- package/src/patterns/pattern-components/AccountPattern/index.ts +1 -0
- package/src/patterns/pattern-components/CalendarPattern/CalendarPattern.figma.tsx +1 -1
- package/src/patterns/pattern-components/CardListPattern/CardListPattern.tsx +4 -9
- package/src/patterns/pattern-components/FeedPattern/FeedPattern.figma.tsx +146 -0
- package/src/patterns/pattern-components/FeedPattern/FeedPattern.tsx +264 -0
- package/src/patterns/pattern-components/FeedPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.figma.tsx +66 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/HomeFacultyPattern.tsx +326 -0
- package/src/patterns/pattern-components/HomeFacultyPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.figma.tsx +75 -0
- package/src/patterns/pattern-components/HomeParentPattern/HomeParentPattern.tsx +328 -0
- package/src/patterns/pattern-components/HomeParentPattern/index.ts +2 -0
- package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.figma.tsx +66 -0
- package/src/patterns/pattern-components/HomeStudentPattern/HomeStudentPattern.tsx +355 -0
- package/src/patterns/pattern-components/HomeStudentPattern/index.ts +2 -0
- package/src/patterns/pattern-components/index.ts +5 -0
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { AccountPattern } from "./AccountPattern.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=417-194764';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* AccountPattern - Account/Profile screen layout pattern
|
|
10
|
+
*
|
|
11
|
+
* Use cases:
|
|
12
|
+
* - User account and profile management screens
|
|
13
|
+
* - Settings and preferences pages
|
|
14
|
+
* - Account information dashboards
|
|
15
|
+
* - Categorized account options (Academics, Finance, Utilities)
|
|
16
|
+
*
|
|
17
|
+
* Features:
|
|
18
|
+
* - User profile card at the top with name and ID
|
|
19
|
+
* - Multiple grouped sections with data list items
|
|
20
|
+
* - Support for custom sections (Academics, Finance, Utilities, etc.)
|
|
21
|
+
* - Full customization of section items and properties
|
|
22
|
+
* - Scrollable layout for long content
|
|
23
|
+
* - All sections independently configurable
|
|
24
|
+
*
|
|
25
|
+
* Customization:
|
|
26
|
+
* - Show/hide profile card
|
|
27
|
+
* - Customize user profile information
|
|
28
|
+
* - Add, remove, or customize sections
|
|
29
|
+
* - Configure each item's visibility toggles and actions
|
|
30
|
+
* - Set up callbacks for profile and item interactions
|
|
31
|
+
* - Adapt content based on user role or backend data
|
|
32
|
+
*/
|
|
33
|
+
figma.connect(AccountPattern, FIGMA_URL, {
|
|
34
|
+
example: () => /*#__PURE__*/_jsx(AccountPattern, {
|
|
35
|
+
showProfileCard: true,
|
|
36
|
+
userName: "Marshall Mathers",
|
|
37
|
+
userID: "3472732323",
|
|
38
|
+
avatarInitials: "MM",
|
|
39
|
+
avatarType: "image",
|
|
40
|
+
sections: [{
|
|
41
|
+
id: 'academics',
|
|
42
|
+
title: 'Academics',
|
|
43
|
+
items: [{
|
|
44
|
+
id: '1',
|
|
45
|
+
title: 'Data List Row Title',
|
|
46
|
+
subtitle: 'Data List Row Subtitle',
|
|
47
|
+
meta: 'Meta Content',
|
|
48
|
+
density: 'comfortable',
|
|
49
|
+
state: 'default',
|
|
50
|
+
showSubtitle: true,
|
|
51
|
+
showLeading: true,
|
|
52
|
+
showTrailing: true,
|
|
53
|
+
showDivider: true,
|
|
54
|
+
leadingImage: {
|
|
55
|
+
uri: 'https://example.com/avatar.png'
|
|
56
|
+
}
|
|
57
|
+
}, {
|
|
58
|
+
id: '2',
|
|
59
|
+
title: 'Data List Row Title',
|
|
60
|
+
subtitle: 'Data List Row Subtitle',
|
|
61
|
+
meta: 'Meta Content',
|
|
62
|
+
density: 'comfortable',
|
|
63
|
+
state: 'default',
|
|
64
|
+
showSubtitle: true,
|
|
65
|
+
showLeading: true,
|
|
66
|
+
showTrailing: true,
|
|
67
|
+
showDivider: true,
|
|
68
|
+
leadingImage: {
|
|
69
|
+
uri: 'https://example.com/avatar.png'
|
|
70
|
+
}
|
|
71
|
+
}, {
|
|
72
|
+
id: '3',
|
|
73
|
+
title: 'Data List Row Title',
|
|
74
|
+
subtitle: 'Data List Row Subtitle',
|
|
75
|
+
meta: 'Meta Content',
|
|
76
|
+
density: 'comfortable',
|
|
77
|
+
state: 'default',
|
|
78
|
+
showSubtitle: true,
|
|
79
|
+
showLeading: true,
|
|
80
|
+
showTrailing: true,
|
|
81
|
+
showDivider: true,
|
|
82
|
+
leadingImage: {
|
|
83
|
+
uri: 'https://example.com/avatar.png'
|
|
84
|
+
}
|
|
85
|
+
}, {
|
|
86
|
+
id: '4',
|
|
87
|
+
title: 'Data List Row Title',
|
|
88
|
+
subtitle: 'Data List Row Subtitle',
|
|
89
|
+
meta: 'Meta Content',
|
|
90
|
+
density: 'comfortable',
|
|
91
|
+
state: 'default',
|
|
92
|
+
showSubtitle: true,
|
|
93
|
+
showLeading: true,
|
|
94
|
+
showTrailing: true,
|
|
95
|
+
showDivider: true,
|
|
96
|
+
leadingImage: {
|
|
97
|
+
uri: 'https://example.com/avatar.png'
|
|
98
|
+
}
|
|
99
|
+
}]
|
|
100
|
+
}, {
|
|
101
|
+
id: 'finance',
|
|
102
|
+
title: 'Finance',
|
|
103
|
+
items: [{
|
|
104
|
+
id: '5',
|
|
105
|
+
title: 'Data List Row Title',
|
|
106
|
+
subtitle: 'Data List Row Subtitle',
|
|
107
|
+
meta: 'Meta Content',
|
|
108
|
+
density: 'comfortable',
|
|
109
|
+
state: 'default',
|
|
110
|
+
showSubtitle: true,
|
|
111
|
+
showLeading: true,
|
|
112
|
+
showTrailing: true,
|
|
113
|
+
showDivider: true,
|
|
114
|
+
leadingImage: {
|
|
115
|
+
uri: 'https://example.com/avatar.png'
|
|
116
|
+
}
|
|
117
|
+
}, {
|
|
118
|
+
id: '6',
|
|
119
|
+
title: 'Data List Row Title',
|
|
120
|
+
subtitle: 'Data List Row Subtitle',
|
|
121
|
+
meta: 'Meta Content',
|
|
122
|
+
density: 'comfortable',
|
|
123
|
+
state: 'default',
|
|
124
|
+
showSubtitle: true,
|
|
125
|
+
showLeading: true,
|
|
126
|
+
showTrailing: true,
|
|
127
|
+
showDivider: true,
|
|
128
|
+
leadingImage: {
|
|
129
|
+
uri: 'https://example.com/avatar.png'
|
|
130
|
+
}
|
|
131
|
+
}, {
|
|
132
|
+
id: '7',
|
|
133
|
+
title: 'Data List Row Title',
|
|
134
|
+
subtitle: 'Data List Row Subtitle',
|
|
135
|
+
meta: 'Meta Content',
|
|
136
|
+
density: 'comfortable',
|
|
137
|
+
state: 'default',
|
|
138
|
+
showSubtitle: true,
|
|
139
|
+
showLeading: true,
|
|
140
|
+
showTrailing: true,
|
|
141
|
+
showDivider: true,
|
|
142
|
+
leadingImage: {
|
|
143
|
+
uri: 'https://example.com/avatar.png'
|
|
144
|
+
}
|
|
145
|
+
}]
|
|
146
|
+
}, {
|
|
147
|
+
id: 'utilities',
|
|
148
|
+
title: 'Utilities',
|
|
149
|
+
items: [{
|
|
150
|
+
id: '8',
|
|
151
|
+
title: 'Data List Row Title',
|
|
152
|
+
subtitle: 'Data List Row Subtitle',
|
|
153
|
+
meta: 'Meta Content',
|
|
154
|
+
density: 'comfortable',
|
|
155
|
+
state: 'default',
|
|
156
|
+
showSubtitle: true,
|
|
157
|
+
showLeading: true,
|
|
158
|
+
showTrailing: true,
|
|
159
|
+
showDivider: true,
|
|
160
|
+
leadingImage: {
|
|
161
|
+
uri: 'https://example.com/avatar.png'
|
|
162
|
+
}
|
|
163
|
+
}, {
|
|
164
|
+
id: '9',
|
|
165
|
+
title: 'Data List Row Title',
|
|
166
|
+
subtitle: 'Data List Row Subtitle',
|
|
167
|
+
meta: 'Meta Content',
|
|
168
|
+
density: 'comfortable',
|
|
169
|
+
state: 'default',
|
|
170
|
+
showSubtitle: true,
|
|
171
|
+
showLeading: true,
|
|
172
|
+
showTrailing: true,
|
|
173
|
+
showDivider: true,
|
|
174
|
+
leadingImage: {
|
|
175
|
+
uri: 'https://example.com/avatar.png'
|
|
176
|
+
}
|
|
177
|
+
}, {
|
|
178
|
+
id: '10',
|
|
179
|
+
title: 'Data List Row Title',
|
|
180
|
+
subtitle: 'Data List Row Subtitle',
|
|
181
|
+
meta: 'Meta Content',
|
|
182
|
+
density: 'comfortable',
|
|
183
|
+
state: 'default',
|
|
184
|
+
showSubtitle: true,
|
|
185
|
+
showLeading: true,
|
|
186
|
+
showTrailing: true,
|
|
187
|
+
showDivider: true,
|
|
188
|
+
leadingImage: {
|
|
189
|
+
uri: 'https://example.com/avatar.png'
|
|
190
|
+
}
|
|
191
|
+
}]
|
|
192
|
+
}],
|
|
193
|
+
onProfilePress: () => console.log('Profile pressed')
|
|
194
|
+
})
|
|
195
|
+
});
|
|
196
|
+
//# sourceMappingURL=AccountPattern.figma.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["figma","AccountPattern","jsx","_jsx","FIGMA_URL","connect","example","showProfileCard","userName","userID","avatarInitials","avatarType","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","onProfilePress","console","log"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.figma.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
// @ts-nocheck
|
|
4
|
+
import { View, ScrollView } from 'react-native';
|
|
5
|
+
import { ProfileCard } from "../../../components/DataDisplay/ProfileCard/ProfileCard.js";
|
|
6
|
+
import { DataListItem } from "../../../components/DataDisplay/DataListItem/DataListItem.js";
|
|
7
|
+
import { Text } from "../../../components/Input/Text/Text.js";
|
|
8
|
+
|
|
9
|
+
/* ============================================================================
|
|
10
|
+
* Types
|
|
11
|
+
* ============================================================================ */
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
/* ============================================================================
|
|
14
|
+
* Component
|
|
15
|
+
* ============================================================================ */
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* AccountPattern Component
|
|
19
|
+
*
|
|
20
|
+
* A comprehensive account/profile layout pattern that displays:
|
|
21
|
+
* - User profile card at the top with name and ID
|
|
22
|
+
* - Multiple grouped sections with DataList items
|
|
23
|
+
* - Support for Academics, Finance, Utilities, and custom sections
|
|
24
|
+
* - Full customization of sections and items
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <AccountPattern
|
|
29
|
+
* showProfileCard={true}
|
|
30
|
+
* userName="Marshall Mathers"
|
|
31
|
+
* userID="3472732323"
|
|
32
|
+
* sections={[...]}
|
|
33
|
+
* />
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
export function AccountPattern({
|
|
37
|
+
// Profile section
|
|
38
|
+
showProfileCard = true,
|
|
39
|
+
userName = 'Marshall Mathers',
|
|
40
|
+
userID = '3472732323',
|
|
41
|
+
avatarInitials = 'MM',
|
|
42
|
+
avatarType = 'image',
|
|
43
|
+
onProfilePress,
|
|
44
|
+
// Sections
|
|
45
|
+
sections = [{
|
|
46
|
+
id: 'academics',
|
|
47
|
+
title: 'Academics',
|
|
48
|
+
items: [{
|
|
49
|
+
id: '1',
|
|
50
|
+
title: 'Data List Row Title',
|
|
51
|
+
subtitle: 'Data List Row Subtitle',
|
|
52
|
+
meta: 'Meta Content',
|
|
53
|
+
density: 'comfortable',
|
|
54
|
+
state: 'default',
|
|
55
|
+
showSubtitle: true,
|
|
56
|
+
showLeading: true,
|
|
57
|
+
showTrailing: true,
|
|
58
|
+
showDivider: true,
|
|
59
|
+
leadingImage: {
|
|
60
|
+
uri: 'https://example.com/avatar.png'
|
|
61
|
+
}
|
|
62
|
+
}, {
|
|
63
|
+
id: '2',
|
|
64
|
+
title: 'Data List Row Title',
|
|
65
|
+
subtitle: 'Data List Row Subtitle',
|
|
66
|
+
meta: 'Meta Content',
|
|
67
|
+
density: 'comfortable',
|
|
68
|
+
state: 'default',
|
|
69
|
+
showSubtitle: true,
|
|
70
|
+
showLeading: true,
|
|
71
|
+
showTrailing: true,
|
|
72
|
+
showDivider: true,
|
|
73
|
+
leadingImage: {
|
|
74
|
+
uri: 'https://example.com/avatar.png'
|
|
75
|
+
}
|
|
76
|
+
}, {
|
|
77
|
+
id: '3',
|
|
78
|
+
title: 'Data List Row Title',
|
|
79
|
+
subtitle: 'Data List Row Subtitle',
|
|
80
|
+
meta: 'Meta Content',
|
|
81
|
+
density: 'comfortable',
|
|
82
|
+
state: 'default',
|
|
83
|
+
showSubtitle: true,
|
|
84
|
+
showLeading: true,
|
|
85
|
+
showTrailing: true,
|
|
86
|
+
showDivider: true,
|
|
87
|
+
leadingImage: {
|
|
88
|
+
uri: 'https://example.com/avatar.png'
|
|
89
|
+
}
|
|
90
|
+
}, {
|
|
91
|
+
id: '4',
|
|
92
|
+
title: 'Data List Row Title',
|
|
93
|
+
subtitle: 'Data List Row Subtitle',
|
|
94
|
+
meta: 'Meta Content',
|
|
95
|
+
density: 'comfortable',
|
|
96
|
+
state: 'default',
|
|
97
|
+
showSubtitle: true,
|
|
98
|
+
showLeading: true,
|
|
99
|
+
showTrailing: true,
|
|
100
|
+
showDivider: true,
|
|
101
|
+
leadingImage: {
|
|
102
|
+
uri: 'https://example.com/avatar.png'
|
|
103
|
+
}
|
|
104
|
+
}]
|
|
105
|
+
}, {
|
|
106
|
+
id: 'finance',
|
|
107
|
+
title: 'Finance',
|
|
108
|
+
items: [{
|
|
109
|
+
id: '5',
|
|
110
|
+
title: 'Data List Row Title',
|
|
111
|
+
subtitle: 'Data List Row Subtitle',
|
|
112
|
+
meta: 'Meta Content',
|
|
113
|
+
density: 'comfortable',
|
|
114
|
+
state: 'default',
|
|
115
|
+
showSubtitle: true,
|
|
116
|
+
showLeading: true,
|
|
117
|
+
showTrailing: true,
|
|
118
|
+
showDivider: true,
|
|
119
|
+
leadingImage: {
|
|
120
|
+
uri: 'https://example.com/avatar.png'
|
|
121
|
+
}
|
|
122
|
+
}, {
|
|
123
|
+
id: '6',
|
|
124
|
+
title: 'Data List Row Title',
|
|
125
|
+
subtitle: 'Data List Row Subtitle',
|
|
126
|
+
meta: 'Meta Content',
|
|
127
|
+
density: 'comfortable',
|
|
128
|
+
state: 'default',
|
|
129
|
+
showSubtitle: true,
|
|
130
|
+
showLeading: true,
|
|
131
|
+
showTrailing: true,
|
|
132
|
+
showDivider: true,
|
|
133
|
+
leadingImage: {
|
|
134
|
+
uri: 'https://example.com/avatar.png'
|
|
135
|
+
}
|
|
136
|
+
}, {
|
|
137
|
+
id: '7',
|
|
138
|
+
title: 'Data List Row Title',
|
|
139
|
+
subtitle: 'Data List Row Subtitle',
|
|
140
|
+
meta: 'Meta Content',
|
|
141
|
+
density: 'comfortable',
|
|
142
|
+
state: 'default',
|
|
143
|
+
showSubtitle: true,
|
|
144
|
+
showLeading: true,
|
|
145
|
+
showTrailing: true,
|
|
146
|
+
showDivider: true,
|
|
147
|
+
leadingImage: {
|
|
148
|
+
uri: 'https://example.com/avatar.png'
|
|
149
|
+
}
|
|
150
|
+
}]
|
|
151
|
+
}, {
|
|
152
|
+
id: 'utilities',
|
|
153
|
+
title: 'Utilities',
|
|
154
|
+
items: [{
|
|
155
|
+
id: '8',
|
|
156
|
+
title: 'Data List Row Title',
|
|
157
|
+
subtitle: 'Data List Row Subtitle',
|
|
158
|
+
meta: 'Meta Content',
|
|
159
|
+
density: 'comfortable',
|
|
160
|
+
state: 'default',
|
|
161
|
+
showSubtitle: true,
|
|
162
|
+
showLeading: true,
|
|
163
|
+
showTrailing: true,
|
|
164
|
+
showDivider: true,
|
|
165
|
+
leadingImage: {
|
|
166
|
+
uri: 'https://example.com/avatar.png'
|
|
167
|
+
}
|
|
168
|
+
}, {
|
|
169
|
+
id: '9',
|
|
170
|
+
title: 'Data List Row Title',
|
|
171
|
+
subtitle: 'Data List Row Subtitle',
|
|
172
|
+
meta: 'Meta Content',
|
|
173
|
+
density: 'comfortable',
|
|
174
|
+
state: 'default',
|
|
175
|
+
showSubtitle: true,
|
|
176
|
+
showLeading: true,
|
|
177
|
+
showTrailing: true,
|
|
178
|
+
showDivider: true,
|
|
179
|
+
leadingImage: {
|
|
180
|
+
uri: 'https://example.com/avatar.png'
|
|
181
|
+
}
|
|
182
|
+
}, {
|
|
183
|
+
id: '10',
|
|
184
|
+
title: 'Data List Row Title',
|
|
185
|
+
subtitle: 'Data List Row Subtitle',
|
|
186
|
+
meta: 'Meta Content',
|
|
187
|
+
density: 'comfortable',
|
|
188
|
+
state: 'default',
|
|
189
|
+
showSubtitle: true,
|
|
190
|
+
showLeading: true,
|
|
191
|
+
showTrailing: true,
|
|
192
|
+
showDivider: true,
|
|
193
|
+
leadingImage: {
|
|
194
|
+
uri: 'https://example.com/avatar.png'
|
|
195
|
+
}
|
|
196
|
+
}]
|
|
197
|
+
}],
|
|
198
|
+
// Styling
|
|
199
|
+
style,
|
|
200
|
+
testID
|
|
201
|
+
}) {
|
|
202
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
203
|
+
testID: testID ?? 'account-pattern',
|
|
204
|
+
style: [{
|
|
205
|
+
flex: 1,
|
|
206
|
+
backgroundColor: '#f7f8fa'
|
|
207
|
+
}, style],
|
|
208
|
+
showsVerticalScrollIndicator: false,
|
|
209
|
+
contentContainerStyle: {
|
|
210
|
+
paddingVertical: 20
|
|
211
|
+
},
|
|
212
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
213
|
+
className: "gap-8 px-5",
|
|
214
|
+
children: [showProfileCard && /*#__PURE__*/_jsx(View, {
|
|
215
|
+
children: /*#__PURE__*/_jsx(ProfileCard, {
|
|
216
|
+
userName: userName,
|
|
217
|
+
userID: userID,
|
|
218
|
+
avatarInitials: avatarInitials,
|
|
219
|
+
avatarType: avatarType,
|
|
220
|
+
onPress: onProfilePress
|
|
221
|
+
})
|
|
222
|
+
}), sections.map(section => /*#__PURE__*/_jsxs(View, {
|
|
223
|
+
className: "gap-2",
|
|
224
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
225
|
+
className: "text-sm font-semibold text-text-secondary px-5",
|
|
226
|
+
children: section.title
|
|
227
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
228
|
+
className: "gap-3 px-5",
|
|
229
|
+
children: section.items.map(item => /*#__PURE__*/_jsx(View, {
|
|
230
|
+
children: /*#__PURE__*/_jsx(DataListItem, {
|
|
231
|
+
title: item.title,
|
|
232
|
+
subtitle: item.subtitle,
|
|
233
|
+
meta: item.meta,
|
|
234
|
+
density: item.density || 'comfortable',
|
|
235
|
+
state: item.state || 'default',
|
|
236
|
+
showSubtitle: item.showSubtitle,
|
|
237
|
+
showLeading: item.showLeading,
|
|
238
|
+
showTrailing: item.showTrailing,
|
|
239
|
+
showDivider: item.showDivider,
|
|
240
|
+
leadingImage: item.leadingImage,
|
|
241
|
+
leadingIcon: item.leadingIcon,
|
|
242
|
+
onPress: () => {}
|
|
243
|
+
})
|
|
244
|
+
}, item.id))
|
|
245
|
+
})]
|
|
246
|
+
}, section.id)), /*#__PURE__*/_jsx(View, {
|
|
247
|
+
style: {
|
|
248
|
+
height: 150
|
|
249
|
+
}
|
|
250
|
+
})]
|
|
251
|
+
})
|
|
252
|
+
});
|
|
253
|
+
}
|
|
254
|
+
AccountPattern.displayName = 'AccountPattern';
|
|
255
|
+
//# sourceMappingURL=AccountPattern.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","ScrollView","ProfileCard","DataListItem","Text","jsx","_jsx","jsxs","_jsxs","AccountPattern","showProfileCard","userName","userID","avatarInitials","avatarType","onProfilePress","sections","id","title","items","subtitle","meta","density","state","showSubtitle","showLeading","showTrailing","showDivider","leadingImage","uri","style","testID","flex","backgroundColor","showsVerticalScrollIndicator","contentContainerStyle","paddingVertical","children","className","onPress","map","section","item","leadingIcon","height","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/AccountPattern.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/AccountPattern/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import figma from '@figma/code-connect';
|
|
5
5
|
import { CalendarPattern } from "./CalendarPattern.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=
|
|
7
|
+
const FIGMA_URL = 'https://www.figma.com/design/66WaqopqU3WXgwVtyQuTUf/React-Native-Blueprint-Library?node-id=416-3544';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* CalendarPattern - Daily schedule calendar view pattern
|
|
@@ -46,8 +46,7 @@ export const CardListPattern = ({
|
|
|
46
46
|
chips = [],
|
|
47
47
|
banners = [],
|
|
48
48
|
data,
|
|
49
|
-
|
|
50
|
-
cardTone = 'default'
|
|
49
|
+
cardSize = 'lg'
|
|
51
50
|
}) => {
|
|
52
51
|
return /*#__PURE__*/_jsxs(View, {
|
|
53
52
|
style: {
|
|
@@ -65,6 +64,7 @@ export const CardListPattern = ({
|
|
|
65
64
|
},
|
|
66
65
|
showsVerticalScrollIndicator: false,
|
|
67
66
|
children: data.map(item => /*#__PURE__*/_jsx(Card, {
|
|
67
|
+
size: cardSize,
|
|
68
68
|
title: item.title,
|
|
69
69
|
subtitle: item.subtitle,
|
|
70
70
|
body: item.body,
|
|
@@ -78,8 +78,6 @@ export const CardListPattern = ({
|
|
|
78
78
|
showFooterActions: item.showFooterActions ?? true,
|
|
79
79
|
showLeading: item.showLeading ?? true,
|
|
80
80
|
showOverflowMenu: item.showOverflowMenu ?? true,
|
|
81
|
-
density: cardDensity,
|
|
82
|
-
tone: cardTone,
|
|
83
81
|
onPrimaryActionPress: item.onPrimaryActionPress,
|
|
84
82
|
onSecondaryActionPress: item.onSecondaryActionPress,
|
|
85
83
|
onOverflowPress: item.onOverflowPress
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","ScrollView","ChipsRow","BannerRow","Card","jsx","_jsx","jsxs","_jsxs","CardListPattern","showChips","showBanners","chips","banners","data","
|
|
1
|
+
{"version":3,"names":["View","ScrollView","ChipsRow","BannerRow","Card","jsx","_jsx","jsxs","_jsxs","CardListPattern","showChips","showBanners","chips","banners","data","cardSize","style","flex","gap","children","length","contentContainerStyle","paddingHorizontal","showsVerticalScrollIndicator","map","item","size","title","subtitle","body","badge1Text","badge2Text","primaryActionText","secondaryActionText","showMedia","showSubtitle","showBadges","showFooterActions","showLeading","showOverflowMenu","onPrimaryActionPress","onSecondaryActionPress","onOverflowPress","id","displayName"],"sourceRoot":"../../../../../src","sources":["patterns/pattern-components/CardListPattern/CardListPattern.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SACEC,QAAQ,QAEH,sDAAmD;AAC1D,SACEC,SAAS,QAEJ,wDAAqD;AAC5D,SACEC,IAAI,QAEC,8CAA2C;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA4CA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,SAAS,GAAG,KAAK;EACjBC,WAAW,GAAG,KAAK;EACnBC,KAAK,GAAG,EAAE;EACVC,OAAO,GAAG,EAAE;EACZC,IAAI;EACJC,QAAQ,GAAG;AACS,CAAC,KAAK;EAC1B,oBACEP,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,GAAG,EAAE;IAAG,CAAE;IAAAC,QAAA,GAC/BT,SAAS,IAAIE,KAAK,CAACQ,MAAM,GAAG,CAAC,iBAAId,IAAA,CAACJ,QAAQ;MAACU,KAAK,EAAEA;IAAM,CAAE,CAAC,EAC3DD,WAAW,IAAIE,OAAO,CAACO,MAAM,GAAG,CAAC,iBAAId,IAAA,CAACH,SAAS;MAACU,OAAO,EAAEA;IAAQ,CAAE,CAAC,eACrEP,IAAA,CAACL,UAAU;MACToB,qBAAqB,EAAE;QAAEH,GAAG,EAAE,EAAE;QAAEI,iBAAiB,EAAE;MAAG,CAAE;MAC1DC,4BAA4B,EAAE,KAAM;MAAAJ,QAAA,EAEnCL,IAAI,CAACU,GAAG,CAAEC,IAAI,iBACbnB,IAAA,CAACF,IAAI;QAEHsB,IAAI,EAAEX,QAAS;QACfY,KAAK,EAAEF,IAAI,CAACE,KAAM;QAClBC,QAAQ,EAAEH,IAAI,CAACG,QAAS;QACxBC,IAAI,EAAEJ,IAAI,CAACI,IAAK;QAChBC,UAAU,EAAEL,IAAI,CAACK,UAAW;QAC5BC,UAAU,EAAEN,IAAI,CAACM,UAAW;QAC5BC,iBAAiB,EAAEP,IAAI,CAACO,iBAAkB;QAC1CC,mBAAmB,EAAER,IAAI,CAACQ,mBAAoB;QAC9CC,SAAS,EAAET,IAAI,CAACS,SAAS,IAAI,IAAK;QAClCC,YAAY,EAAEV,IAAI,CAACU,YAAY,IAAI,IAAK;QACxCC,UAAU,EAAEX,IAAI,CAACW,UAAU,IAAI,IAAK;QACpCC,iBAAiB,EAAEZ,IAAI,CAACY,iBAAiB,IAAI,IAAK;QAClDC,WAAW,EAAEb,IAAI,CAACa,WAAW,IAAI,IAAK;QACtCC,gBAAgB,EAAEd,IAAI,CAACc,gBAAgB,IAAI,IAAK;QAChDC,oBAAoB,EAAEf,IAAI,CAACe,oBAAqB;QAChDC,sBAAsB,EAAEhB,IAAI,CAACgB,sBAAuB;QACpDC,eAAe,EAAEjB,IAAI,CAACiB;MAAgB,GAjBjCjB,IAAI,CAACkB,EAkBX,CACF;IAAC,CACQ,CAAC;EAAA,CACT,CAAC;AAEX,CAAC;AAEDlC,eAAe,CAACmC,WAAW,GAAG,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import figma from '@figma/code-connect';
|
|
4
|
+
import { FeedPattern } from "./FeedPattern.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const FIGMA_URL = 'https://www.figma.com/design/YTb27Onq7Zk8OV16fHptxJ/Campx-App?node-id=347-117374';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* FeedPattern - Social feed layout pattern
|
|
10
|
+
*
|
|
11
|
+
* Use cases:
|
|
12
|
+
* - Social media feeds (announcements, posts, updates)
|
|
13
|
+
* - News feeds and content discovery
|
|
14
|
+
* - Community boards and discussion forums
|
|
15
|
+
* - Activity feeds for notifications and updates
|
|
16
|
+
* - Multiple content type feeds (announcements, posts, events)
|
|
17
|
+
*
|
|
18
|
+
* Features:
|
|
19
|
+
* - Horizontal scrollable chips filter for content categories
|
|
20
|
+
* - Vertical scrollable feed with multiple content types
|
|
21
|
+
* - Multiple FeedCard variations (with/without media, badges, actions)
|
|
22
|
+
* - Support for both announcement and post types
|
|
23
|
+
* - Floating action button for creating new content
|
|
24
|
+
* - Fully customizable feed items and chip filters
|
|
25
|
+
* - All sections independently configurable
|
|
26
|
+
*
|
|
27
|
+
* Customization:
|
|
28
|
+
* - Show/hide chips filter and floating action button
|
|
29
|
+
* - Customize chip labels and selection state
|
|
30
|
+
* - Add, remove, or customize feed items
|
|
31
|
+
* - Configure each feed item's visibility toggles
|
|
32
|
+
* - Set up callbacks for chip selection and item interaction
|
|
33
|
+
* - Adapt content based on user selection or backend data
|
|
34
|
+
*/
|
|
35
|
+
figma.connect(FeedPattern, FIGMA_URL, {
|
|
36
|
+
example: () => /*#__PURE__*/_jsx(FeedPattern, {
|
|
37
|
+
showChipsFilter: true,
|
|
38
|
+
chips: [{
|
|
39
|
+
id: '1',
|
|
40
|
+
label: 'Announcements',
|
|
41
|
+
state: 'selected'
|
|
42
|
+
}, {
|
|
43
|
+
id: '2',
|
|
44
|
+
label: 'Posts',
|
|
45
|
+
state: 'default'
|
|
46
|
+
}, {
|
|
47
|
+
id: '3',
|
|
48
|
+
label: 'Events',
|
|
49
|
+
state: 'default'
|
|
50
|
+
}, {
|
|
51
|
+
id: '4',
|
|
52
|
+
label: 'Updates',
|
|
53
|
+
state: 'default'
|
|
54
|
+
}],
|
|
55
|
+
showFloatingActionButton: true,
|
|
56
|
+
feedItems: [{
|
|
57
|
+
id: '1',
|
|
58
|
+
type: 'announcement',
|
|
59
|
+
authorName: 'Author Name',
|
|
60
|
+
postTitle: 'Post Title',
|
|
61
|
+
subtitle: 'Subtitle of the card goes here',
|
|
62
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
63
|
+
showHeader: true,
|
|
64
|
+
showPostContent: true,
|
|
65
|
+
showBody: true,
|
|
66
|
+
showBadges: true,
|
|
67
|
+
showFooterActions: true,
|
|
68
|
+
showLeading: true,
|
|
69
|
+
showSubtitle: true,
|
|
70
|
+
showSecondaryButton: true
|
|
71
|
+
}, {
|
|
72
|
+
id: '2',
|
|
73
|
+
type: 'post',
|
|
74
|
+
authorName: 'Author Name',
|
|
75
|
+
postTitle: 'Post Title',
|
|
76
|
+
subtitle: 'Subtitle of the card goes here',
|
|
77
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
78
|
+
showMedia: true,
|
|
79
|
+
showHeader: true,
|
|
80
|
+
showPostContent: true,
|
|
81
|
+
showBadges: true,
|
|
82
|
+
showLeading: true,
|
|
83
|
+
showSubtitle: true,
|
|
84
|
+
showSecondaryButton: true
|
|
85
|
+
}, {
|
|
86
|
+
id: '3',
|
|
87
|
+
type: 'announcement',
|
|
88
|
+
authorName: 'Author Name',
|
|
89
|
+
postTitle: 'Post Title',
|
|
90
|
+
subtitle: 'Subtitle of the card goes here',
|
|
91
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
92
|
+
showPostContent: true,
|
|
93
|
+
showBody: true,
|
|
94
|
+
showLeading: true,
|
|
95
|
+
showSubtitle: true,
|
|
96
|
+
showSecondaryButton: true
|
|
97
|
+
}, {
|
|
98
|
+
id: '4',
|
|
99
|
+
type: 'post',
|
|
100
|
+
authorName: 'Author Name',
|
|
101
|
+
postTitle: 'Post Title',
|
|
102
|
+
subtitle: 'Subtitle of the card goes here',
|
|
103
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
104
|
+
showMedia: true,
|
|
105
|
+
showHeader: true,
|
|
106
|
+
showBadges: true,
|
|
107
|
+
showLeading: true,
|
|
108
|
+
showSubtitle: true,
|
|
109
|
+
showSecondaryButton: true
|
|
110
|
+
}, {
|
|
111
|
+
id: '5',
|
|
112
|
+
type: 'announcement',
|
|
113
|
+
authorName: 'Author Name',
|
|
114
|
+
postTitle: 'Post Title',
|
|
115
|
+
subtitle: 'Subtitle of the card goes here',
|
|
116
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
117
|
+
showHeader: true,
|
|
118
|
+
showPostContent: true,
|
|
119
|
+
showBody: true,
|
|
120
|
+
showBadges: true,
|
|
121
|
+
showFooterActions: true,
|
|
122
|
+
showLeading: true,
|
|
123
|
+
showSubtitle: true,
|
|
124
|
+
showSecondaryButton: true
|
|
125
|
+
}, {
|
|
126
|
+
id: '6',
|
|
127
|
+
type: 'post',
|
|
128
|
+
authorName: 'Author Name',
|
|
129
|
+
postTitle: 'Post Title',
|
|
130
|
+
subtitle: 'Subtitle of the card goes here',
|
|
131
|
+
postContent: 'The card may contain body content which can be truncated to 1-2 lines. Swap Content in Props.',
|
|
132
|
+
showMedia: true,
|
|
133
|
+
showHeader: true,
|
|
134
|
+
showPostContent: true,
|
|
135
|
+
showBody: true,
|
|
136
|
+
showBadges: true,
|
|
137
|
+
showFooterActions: true,
|
|
138
|
+
showLeading: true,
|
|
139
|
+
showSubtitle: true,
|
|
140
|
+
showSecondaryButton: true
|
|
141
|
+
}]
|
|
142
|
+
})
|
|
143
|
+
});
|
|
144
|
+
//# sourceMappingURL=FeedPattern.figma.js.map
|