@factorialco/f0-react-native 0.24.1 → 0.26.0
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/lib/module/components/Activity/ActivityItem/index.js +1 -1
- package/lib/module/components/Avatars/BaseAvatar/index.js +1 -1
- package/lib/module/components/Avatars/DateAvatar/index.js +1 -1
- package/lib/module/components/Avatars/EmojiAvatar/index.js +1 -1
- package/lib/module/components/Avatars/FileAvatar/index.js +1 -1
- package/lib/module/components/Avatars/FileAvatar/utils.js +1 -1
- package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
- package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
- package/lib/module/components/Badge/index.js +1 -1
- package/lib/module/components/Button/index.js +1 -1
- package/lib/module/components/Counter/index.js +1 -1
- package/lib/module/components/ExampleComponent.js +1 -1
- package/lib/module/components/Icon/README.md +1 -1
- package/lib/module/components/Navigation/PageHeader/index.js +1 -1
- package/lib/module/components/OneChip/index.js +1 -1
- package/lib/module/components/OnePreset/index.js +1 -1
- package/lib/module/components/Tags/AlertTab/index.js +1 -1
- package/lib/module/components/Tags/BaseTag/index.js +1 -1
- package/lib/module/components/Tags/DotTag/index.js +1 -1
- package/lib/module/components/Tags/RawTag/index.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
- package/lib/module/components/experimental/Lists/DataList/index.js +1 -1
- package/lib/module/components/experimental/Lists/DetailsItemsList/index.js +1 -1
- package/lib/module/icons/app/New.js +2 -0
- package/lib/module/icons/app/New.js.map +1 -0
- package/lib/module/icons/app/QuestionCircle.js +2 -0
- package/lib/module/icons/app/QuestionCircle.js.map +1 -0
- package/lib/module/icons/app/index.js +1 -1
- package/lib/module/icons/app/index.js.map +1 -1
- package/lib/module/icons/modules/Hub.js +1 -1
- package/lib/module/icons/modules/Hub.js.map +1 -1
- package/lib/module/styles/theme.css +308 -237
- package/lib/module/styles/tokens/colors.js +1 -1
- package/lib/module/styles/tokens/colors.js.map +1 -1
- package/lib/module/ui/avatar.js +1 -1
- package/lib/typescript/components/OneChip/index.d.ts +2 -2
- package/lib/typescript/icons/app/New.d.ts +5 -0
- package/lib/typescript/icons/app/New.d.ts.map +1 -0
- package/lib/typescript/icons/app/QuestionCircle.d.ts +5 -0
- package/lib/typescript/icons/app/QuestionCircle.d.ts.map +1 -0
- package/lib/typescript/icons/app/index.d.ts +2 -0
- package/lib/typescript/icons/app/index.d.ts.map +1 -1
- package/lib/typescript/icons/modules/Hub.d.ts.map +1 -1
- package/lib/typescript/styles/tokens/colors.d.ts +2 -2
- package/package.json +2 -2
- package/src/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Activity/ActivityItem/index.tsx +10 -10
- package/src/components/Avatars/BaseAvatar/index.tsx +1 -1
- package/src/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Avatars/DateAvatar/index.tsx +3 -3
- package/src/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +3 -3
- package/src/components/Avatars/EmojiAvatar/index.tsx +1 -1
- package/src/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/Avatars/FileAvatar/index.tsx +2 -2
- package/src/components/Avatars/FileAvatar/utils.ts +13 -13
- package/src/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Avatars/IconAvatar/index.tsx +2 -2
- package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
- package/src/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +1 -1
- package/src/components/Badge/index.tsx +5 -5
- package/src/components/Button/__snapshots__/index.spec.tsx.snap +22 -22
- package/src/components/Button/index.tsx +22 -22
- package/src/components/Counter/__snapshots__/index.spec.tsx.snap +14 -14
- package/src/components/Counter/index.tsx +6 -6
- package/src/components/ExampleComponent.tsx +2 -2
- package/src/components/Icon/README.md +1 -1
- package/src/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +4 -4
- package/src/components/Navigation/PageHeader/index.tsx +1 -1
- package/src/components/OneChip/__snapshots__/index.spec.tsx.snap +11 -11
- package/src/components/OneChip/index.tsx +5 -5
- package/src/components/OnePreset/__snapshots__/index.spec.tsx.snap +8 -8
- package/src/components/OnePreset/index.tsx +3 -3
- package/src/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +9 -9
- package/src/components/Tags/AlertTab/index.tsx +9 -9
- package/src/components/Tags/BaseTag/index.tsx +2 -2
- package/src/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +38 -38
- package/src/components/Tags/DotTag/index.tsx +1 -1
- package/src/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +6 -6
- package/src/components/Tags/RawTag/index.tsx +3 -3
- package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
- package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +4 -4
- package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +3 -3
- package/src/components/experimental/Lists/DataList/index.tsx +1 -1
- package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +26 -26
- package/src/components/experimental/Lists/DetailsItemsList/index.tsx +3 -3
- package/src/icons/app/New.tsx +19 -0
- package/src/icons/app/QuestionCircle.tsx +21 -0
- package/src/icons/app/index.ts +2 -0
- package/src/icons/modules/Hub.tsx +2 -1
- package/src/styles/theme.css +308 -237
- package/src/styles/tokens/colors.ts +2 -2
- package/src/ui/avatar.tsx +1 -1
- package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +0 -62
- package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +0 -18
- package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +0 -37
- package/lib/module/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +0 -261
- package/lib/module/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +0 -265
- package/lib/module/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +0 -25
- package/lib/module/components/Button/__snapshots__/index.spec.tsx.snap +0 -517
- package/lib/module/components/Counter/__snapshots__/index.spec.tsx.snap +0 -113
- package/lib/module/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +0 -242
- package/lib/module/components/OneChip/__snapshots__/index.spec.tsx.snap +0 -480
- package/lib/module/components/OnePreset/__snapshots__/index.spec.tsx.snap +0 -227
- package/lib/module/components/PressableFeedback/__snapshots__/index.spec.tsx.snap +0 -597
- package/lib/module/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +0 -337
- package/lib/module/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +0 -1255
- package/lib/module/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +0 -252
- package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +0 -783
- package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +0 -695
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
|
-
|
|
3
|
-
exports[`TeamAvatar Snapshot 1`] = `
|
|
4
|
-
<View
|
|
5
|
-
className="inline-flex "
|
|
6
|
-
>
|
|
7
|
-
<View
|
|
8
|
-
className="h-fit w-fit"
|
|
9
|
-
>
|
|
10
|
-
<View
|
|
11
|
-
aria-hidden={true}
|
|
12
|
-
className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-8 h-8 rounded bg-[hsl(theme(colors.army-50))]"
|
|
13
|
-
data-a11y-color-contrast-ignore={true}
|
|
14
|
-
role="img"
|
|
15
|
-
>
|
|
16
|
-
<Text
|
|
17
|
-
className="text-f1-foreground-inverse/90 text-md"
|
|
18
|
-
data-a11y-color-contrast-ignore={true}
|
|
19
|
-
>
|
|
20
|
-
F0
|
|
21
|
-
</Text>
|
|
22
|
-
</View>
|
|
23
|
-
</View>
|
|
24
|
-
</View>
|
|
25
|
-
`;
|
|
@@ -1,517 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
|
-
|
|
3
|
-
exports[`Button Snapshot - critical variant 1`] = `
|
|
4
|
-
<View
|
|
5
|
-
className="flex item-start"
|
|
6
|
-
>
|
|
7
|
-
<View
|
|
8
|
-
accessibilityLabel="Test Button"
|
|
9
|
-
accessibilityRole="button"
|
|
10
|
-
accessibilityState={
|
|
11
|
-
{
|
|
12
|
-
"busy": false,
|
|
13
|
-
"checked": undefined,
|
|
14
|
-
"disabled": false,
|
|
15
|
-
"expanded": undefined,
|
|
16
|
-
"selected": undefined,
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
accessibilityValue={
|
|
20
|
-
{
|
|
21
|
-
"max": undefined,
|
|
22
|
-
"min": undefined,
|
|
23
|
-
"now": undefined,
|
|
24
|
-
"text": undefined,
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
accessible={true}
|
|
28
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-secondary border border-f1-border h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
29
|
-
collapsable={false}
|
|
30
|
-
focusable={true}
|
|
31
|
-
onBlur={[Function]}
|
|
32
|
-
onClick={[Function]}
|
|
33
|
-
onFocus={[Function]}
|
|
34
|
-
onResponderGrant={[Function]}
|
|
35
|
-
onResponderMove={[Function]}
|
|
36
|
-
onResponderRelease={[Function]}
|
|
37
|
-
onResponderTerminate={[Function]}
|
|
38
|
-
onResponderTerminationRequest={[Function]}
|
|
39
|
-
onStartShouldSetResponder={[Function]}
|
|
40
|
-
>
|
|
41
|
-
<Text
|
|
42
|
-
className="text-base font-medium text-f1-foreground-critical"
|
|
43
|
-
>
|
|
44
|
-
Test Button
|
|
45
|
-
</Text>
|
|
46
|
-
</View>
|
|
47
|
-
</View>
|
|
48
|
-
`;
|
|
49
|
-
|
|
50
|
-
exports[`Button Snapshot - default button 1`] = `
|
|
51
|
-
<View
|
|
52
|
-
className="flex item-start"
|
|
53
|
-
>
|
|
54
|
-
<View
|
|
55
|
-
accessibilityLabel="Test Button"
|
|
56
|
-
accessibilityRole="button"
|
|
57
|
-
accessibilityState={
|
|
58
|
-
{
|
|
59
|
-
"busy": false,
|
|
60
|
-
"checked": undefined,
|
|
61
|
-
"disabled": false,
|
|
62
|
-
"expanded": undefined,
|
|
63
|
-
"selected": undefined,
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
accessibilityValue={
|
|
67
|
-
{
|
|
68
|
-
"max": undefined,
|
|
69
|
-
"min": undefined,
|
|
70
|
-
"now": undefined,
|
|
71
|
-
"text": undefined,
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
accessible={true}
|
|
75
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
76
|
-
collapsable={false}
|
|
77
|
-
focusable={true}
|
|
78
|
-
onBlur={[Function]}
|
|
79
|
-
onClick={[Function]}
|
|
80
|
-
onFocus={[Function]}
|
|
81
|
-
onResponderGrant={[Function]}
|
|
82
|
-
onResponderMove={[Function]}
|
|
83
|
-
onResponderRelease={[Function]}
|
|
84
|
-
onResponderTerminate={[Function]}
|
|
85
|
-
onResponderTerminationRequest={[Function]}
|
|
86
|
-
onStartShouldSetResponder={[Function]}
|
|
87
|
-
>
|
|
88
|
-
<Text
|
|
89
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
90
|
-
>
|
|
91
|
-
Test Button
|
|
92
|
-
</Text>
|
|
93
|
-
</View>
|
|
94
|
-
</View>
|
|
95
|
-
`;
|
|
96
|
-
|
|
97
|
-
exports[`Button Snapshot - different sizes 1`] = `
|
|
98
|
-
<View
|
|
99
|
-
className="flex item-start"
|
|
100
|
-
>
|
|
101
|
-
<View
|
|
102
|
-
accessibilityLabel="Test Button"
|
|
103
|
-
accessibilityRole="button"
|
|
104
|
-
accessibilityState={
|
|
105
|
-
{
|
|
106
|
-
"busy": false,
|
|
107
|
-
"checked": undefined,
|
|
108
|
-
"disabled": false,
|
|
109
|
-
"expanded": undefined,
|
|
110
|
-
"selected": undefined,
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
accessibilityValue={
|
|
114
|
-
{
|
|
115
|
-
"max": undefined,
|
|
116
|
-
"min": undefined,
|
|
117
|
-
"now": undefined,
|
|
118
|
-
"text": undefined,
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
accessible={true}
|
|
122
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-6 rounded-sm gap-1 px-2 sm:px-3 lg:px-4"
|
|
123
|
-
collapsable={false}
|
|
124
|
-
focusable={true}
|
|
125
|
-
onBlur={[Function]}
|
|
126
|
-
onClick={[Function]}
|
|
127
|
-
onFocus={[Function]}
|
|
128
|
-
onResponderGrant={[Function]}
|
|
129
|
-
onResponderMove={[Function]}
|
|
130
|
-
onResponderRelease={[Function]}
|
|
131
|
-
onResponderTerminate={[Function]}
|
|
132
|
-
onResponderTerminationRequest={[Function]}
|
|
133
|
-
onStartShouldSetResponder={[Function]}
|
|
134
|
-
>
|
|
135
|
-
<Text
|
|
136
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
137
|
-
>
|
|
138
|
-
Test Button
|
|
139
|
-
</Text>
|
|
140
|
-
</View>
|
|
141
|
-
</View>
|
|
142
|
-
`;
|
|
143
|
-
|
|
144
|
-
exports[`Button Snapshot - different sizes 2`] = `
|
|
145
|
-
<View
|
|
146
|
-
className="flex item-start"
|
|
147
|
-
>
|
|
148
|
-
<View
|
|
149
|
-
accessibilityLabel="Test Button"
|
|
150
|
-
accessibilityRole="button"
|
|
151
|
-
accessibilityState={
|
|
152
|
-
{
|
|
153
|
-
"busy": false,
|
|
154
|
-
"checked": undefined,
|
|
155
|
-
"disabled": false,
|
|
156
|
-
"expanded": undefined,
|
|
157
|
-
"selected": undefined,
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
accessibilityValue={
|
|
161
|
-
{
|
|
162
|
-
"max": undefined,
|
|
163
|
-
"min": undefined,
|
|
164
|
-
"now": undefined,
|
|
165
|
-
"text": undefined,
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
accessible={true}
|
|
169
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
170
|
-
collapsable={false}
|
|
171
|
-
focusable={true}
|
|
172
|
-
onBlur={[Function]}
|
|
173
|
-
onClick={[Function]}
|
|
174
|
-
onFocus={[Function]}
|
|
175
|
-
onResponderGrant={[Function]}
|
|
176
|
-
onResponderMove={[Function]}
|
|
177
|
-
onResponderRelease={[Function]}
|
|
178
|
-
onResponderTerminate={[Function]}
|
|
179
|
-
onResponderTerminationRequest={[Function]}
|
|
180
|
-
onStartShouldSetResponder={[Function]}
|
|
181
|
-
>
|
|
182
|
-
<Text
|
|
183
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
184
|
-
>
|
|
185
|
-
Test Button
|
|
186
|
-
</Text>
|
|
187
|
-
</View>
|
|
188
|
-
</View>
|
|
189
|
-
`;
|
|
190
|
-
|
|
191
|
-
exports[`Button Snapshot - different sizes 3`] = `
|
|
192
|
-
<View
|
|
193
|
-
className="flex item-start"
|
|
194
|
-
>
|
|
195
|
-
<View
|
|
196
|
-
accessibilityLabel="Test Button"
|
|
197
|
-
accessibilityRole="button"
|
|
198
|
-
accessibilityState={
|
|
199
|
-
{
|
|
200
|
-
"busy": false,
|
|
201
|
-
"checked": undefined,
|
|
202
|
-
"disabled": false,
|
|
203
|
-
"expanded": undefined,
|
|
204
|
-
"selected": undefined,
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
accessibilityValue={
|
|
208
|
-
{
|
|
209
|
-
"max": undefined,
|
|
210
|
-
"min": undefined,
|
|
211
|
-
"now": undefined,
|
|
212
|
-
"text": undefined,
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
accessible={true}
|
|
216
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-10 rounded-md gap-1 px-2 sm:px-3 lg:px-4"
|
|
217
|
-
collapsable={false}
|
|
218
|
-
focusable={true}
|
|
219
|
-
onBlur={[Function]}
|
|
220
|
-
onClick={[Function]}
|
|
221
|
-
onFocus={[Function]}
|
|
222
|
-
onResponderGrant={[Function]}
|
|
223
|
-
onResponderMove={[Function]}
|
|
224
|
-
onResponderRelease={[Function]}
|
|
225
|
-
onResponderTerminate={[Function]}
|
|
226
|
-
onResponderTerminationRequest={[Function]}
|
|
227
|
-
onStartShouldSetResponder={[Function]}
|
|
228
|
-
>
|
|
229
|
-
<Text
|
|
230
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
231
|
-
>
|
|
232
|
-
Test Button
|
|
233
|
-
</Text>
|
|
234
|
-
</View>
|
|
235
|
-
</View>
|
|
236
|
-
`;
|
|
237
|
-
|
|
238
|
-
exports[`Button Snapshot - disabled state 1`] = `
|
|
239
|
-
<View
|
|
240
|
-
className="flex item-start"
|
|
241
|
-
>
|
|
242
|
-
<View
|
|
243
|
-
accessibilityLabel="Test Button, disabled"
|
|
244
|
-
accessibilityRole="button"
|
|
245
|
-
accessibilityState={
|
|
246
|
-
{
|
|
247
|
-
"busy": false,
|
|
248
|
-
"checked": undefined,
|
|
249
|
-
"disabled": true,
|
|
250
|
-
"expanded": undefined,
|
|
251
|
-
"selected": undefined,
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
accessibilityValue={
|
|
255
|
-
{
|
|
256
|
-
"max": undefined,
|
|
257
|
-
"min": undefined,
|
|
258
|
-
"now": undefined,
|
|
259
|
-
"text": undefined,
|
|
260
|
-
}
|
|
261
|
-
}
|
|
262
|
-
accessible={true}
|
|
263
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded opacity-50 gap-1 px-2 sm:px-3 lg:px-4"
|
|
264
|
-
collapsable={false}
|
|
265
|
-
focusable={true}
|
|
266
|
-
onBlur={[Function]}
|
|
267
|
-
onClick={[Function]}
|
|
268
|
-
onFocus={[Function]}
|
|
269
|
-
onResponderGrant={[Function]}
|
|
270
|
-
onResponderMove={[Function]}
|
|
271
|
-
onResponderRelease={[Function]}
|
|
272
|
-
onResponderTerminate={[Function]}
|
|
273
|
-
onResponderTerminationRequest={[Function]}
|
|
274
|
-
onStartShouldSetResponder={[Function]}
|
|
275
|
-
>
|
|
276
|
-
<Text
|
|
277
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
278
|
-
>
|
|
279
|
-
Test Button
|
|
280
|
-
</Text>
|
|
281
|
-
</View>
|
|
282
|
-
</View>
|
|
283
|
-
`;
|
|
284
|
-
|
|
285
|
-
exports[`Button Snapshot - loading state 1`] = `
|
|
286
|
-
<View
|
|
287
|
-
className="flex item-start"
|
|
288
|
-
>
|
|
289
|
-
<View
|
|
290
|
-
accessibilityLabel="Test Button, disabled, loading"
|
|
291
|
-
accessibilityRole="button"
|
|
292
|
-
accessibilityState={
|
|
293
|
-
{
|
|
294
|
-
"busy": true,
|
|
295
|
-
"checked": undefined,
|
|
296
|
-
"disabled": true,
|
|
297
|
-
"expanded": undefined,
|
|
298
|
-
"selected": undefined,
|
|
299
|
-
}
|
|
300
|
-
}
|
|
301
|
-
accessibilityValue={
|
|
302
|
-
{
|
|
303
|
-
"max": undefined,
|
|
304
|
-
"min": undefined,
|
|
305
|
-
"now": undefined,
|
|
306
|
-
"text": undefined,
|
|
307
|
-
}
|
|
308
|
-
}
|
|
309
|
-
accessible={true}
|
|
310
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded opacity-50 gap-1 px-2 sm:px-3 lg:px-4"
|
|
311
|
-
collapsable={false}
|
|
312
|
-
focusable={true}
|
|
313
|
-
onBlur={[Function]}
|
|
314
|
-
onClick={[Function]}
|
|
315
|
-
onFocus={[Function]}
|
|
316
|
-
onResponderGrant={[Function]}
|
|
317
|
-
onResponderMove={[Function]}
|
|
318
|
-
onResponderRelease={[Function]}
|
|
319
|
-
onResponderTerminate={[Function]}
|
|
320
|
-
onResponderTerminationRequest={[Function]}
|
|
321
|
-
onStartShouldSetResponder={[Function]}
|
|
322
|
-
>
|
|
323
|
-
<Text
|
|
324
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
325
|
-
>
|
|
326
|
-
Test Button
|
|
327
|
-
</Text>
|
|
328
|
-
</View>
|
|
329
|
-
</View>
|
|
330
|
-
`;
|
|
331
|
-
|
|
332
|
-
exports[`Button Snapshot - outline variant 1`] = `
|
|
333
|
-
<View
|
|
334
|
-
className="flex item-start"
|
|
335
|
-
>
|
|
336
|
-
<View
|
|
337
|
-
accessibilityLabel="Test Button"
|
|
338
|
-
accessibilityRole="button"
|
|
339
|
-
accessibilityState={
|
|
340
|
-
{
|
|
341
|
-
"busy": false,
|
|
342
|
-
"checked": undefined,
|
|
343
|
-
"disabled": false,
|
|
344
|
-
"expanded": undefined,
|
|
345
|
-
"selected": undefined,
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
accessibilityValue={
|
|
349
|
-
{
|
|
350
|
-
"max": undefined,
|
|
351
|
-
"min": undefined,
|
|
352
|
-
"now": undefined,
|
|
353
|
-
"text": undefined,
|
|
354
|
-
}
|
|
355
|
-
}
|
|
356
|
-
accessible={true}
|
|
357
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-inverse-secondary border border-f1-border h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
358
|
-
collapsable={false}
|
|
359
|
-
focusable={true}
|
|
360
|
-
onBlur={[Function]}
|
|
361
|
-
onClick={[Function]}
|
|
362
|
-
onFocus={[Function]}
|
|
363
|
-
onResponderGrant={[Function]}
|
|
364
|
-
onResponderMove={[Function]}
|
|
365
|
-
onResponderRelease={[Function]}
|
|
366
|
-
onResponderTerminate={[Function]}
|
|
367
|
-
onResponderTerminationRequest={[Function]}
|
|
368
|
-
onStartShouldSetResponder={[Function]}
|
|
369
|
-
>
|
|
370
|
-
<Text
|
|
371
|
-
className="text-base font-medium text-f1-foreground"
|
|
372
|
-
>
|
|
373
|
-
Test Button
|
|
374
|
-
</Text>
|
|
375
|
-
</View>
|
|
376
|
-
</View>
|
|
377
|
-
`;
|
|
378
|
-
|
|
379
|
-
exports[`Button Snapshot - round button with hidden label 1`] = `
|
|
380
|
-
<View
|
|
381
|
-
className="flex item-start"
|
|
382
|
-
>
|
|
383
|
-
<View
|
|
384
|
-
accessibilityLabel="Test Button"
|
|
385
|
-
accessibilityRole="button"
|
|
386
|
-
accessibilityState={
|
|
387
|
-
{
|
|
388
|
-
"busy": false,
|
|
389
|
-
"checked": undefined,
|
|
390
|
-
"disabled": false,
|
|
391
|
-
"expanded": undefined,
|
|
392
|
-
"selected": undefined,
|
|
393
|
-
}
|
|
394
|
-
}
|
|
395
|
-
accessibilityValue={
|
|
396
|
-
{
|
|
397
|
-
"max": undefined,
|
|
398
|
-
"min": undefined,
|
|
399
|
-
"now": undefined,
|
|
400
|
-
"text": undefined,
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
accessible={true}
|
|
404
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded aspect-square p-0"
|
|
405
|
-
collapsable={false}
|
|
406
|
-
focusable={true}
|
|
407
|
-
onBlur={[Function]}
|
|
408
|
-
onClick={[Function]}
|
|
409
|
-
onFocus={[Function]}
|
|
410
|
-
onResponderGrant={[Function]}
|
|
411
|
-
onResponderMove={[Function]}
|
|
412
|
-
onResponderRelease={[Function]}
|
|
413
|
-
onResponderTerminate={[Function]}
|
|
414
|
-
onResponderTerminationRequest={[Function]}
|
|
415
|
-
onStartShouldSetResponder={[Function]}
|
|
416
|
-
/>
|
|
417
|
-
</View>
|
|
418
|
-
`;
|
|
419
|
-
|
|
420
|
-
exports[`Button Snapshot - with emoji 1`] = `
|
|
421
|
-
<View
|
|
422
|
-
className="flex item-start"
|
|
423
|
-
>
|
|
424
|
-
<View
|
|
425
|
-
accessibilityLabel="Test Button"
|
|
426
|
-
accessibilityRole="button"
|
|
427
|
-
accessibilityState={
|
|
428
|
-
{
|
|
429
|
-
"busy": false,
|
|
430
|
-
"checked": undefined,
|
|
431
|
-
"disabled": false,
|
|
432
|
-
"expanded": undefined,
|
|
433
|
-
"selected": undefined,
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
accessibilityValue={
|
|
437
|
-
{
|
|
438
|
-
"max": undefined,
|
|
439
|
-
"min": undefined,
|
|
440
|
-
"now": undefined,
|
|
441
|
-
"text": undefined,
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
accessible={true}
|
|
445
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
446
|
-
collapsable={false}
|
|
447
|
-
focusable={true}
|
|
448
|
-
onBlur={[Function]}
|
|
449
|
-
onClick={[Function]}
|
|
450
|
-
onFocus={[Function]}
|
|
451
|
-
onResponderGrant={[Function]}
|
|
452
|
-
onResponderMove={[Function]}
|
|
453
|
-
onResponderRelease={[Function]}
|
|
454
|
-
onResponderTerminate={[Function]}
|
|
455
|
-
onResponderTerminationRequest={[Function]}
|
|
456
|
-
onStartShouldSetResponder={[Function]}
|
|
457
|
-
>
|
|
458
|
-
<Text
|
|
459
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
460
|
-
>
|
|
461
|
-
👋
|
|
462
|
-
</Text>
|
|
463
|
-
<Text
|
|
464
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
465
|
-
>
|
|
466
|
-
Test Button
|
|
467
|
-
</Text>
|
|
468
|
-
</View>
|
|
469
|
-
</View>
|
|
470
|
-
`;
|
|
471
|
-
|
|
472
|
-
exports[`Button Snapshot - with icon 1`] = `
|
|
473
|
-
<View
|
|
474
|
-
className="flex item-start"
|
|
475
|
-
>
|
|
476
|
-
<View
|
|
477
|
-
accessibilityLabel="Test Button"
|
|
478
|
-
accessibilityRole="button"
|
|
479
|
-
accessibilityState={
|
|
480
|
-
{
|
|
481
|
-
"busy": false,
|
|
482
|
-
"checked": undefined,
|
|
483
|
-
"disabled": false,
|
|
484
|
-
"expanded": undefined,
|
|
485
|
-
"selected": undefined,
|
|
486
|
-
}
|
|
487
|
-
}
|
|
488
|
-
accessibilityValue={
|
|
489
|
-
{
|
|
490
|
-
"max": undefined,
|
|
491
|
-
"min": undefined,
|
|
492
|
-
"now": undefined,
|
|
493
|
-
"text": undefined,
|
|
494
|
-
}
|
|
495
|
-
}
|
|
496
|
-
accessible={true}
|
|
497
|
-
className="flex-row items-center justify-center border-none grow-0 bg-f1-background-accent-bold h-8 rounded gap-1 px-2 sm:px-3 lg:px-4"
|
|
498
|
-
collapsable={false}
|
|
499
|
-
focusable={true}
|
|
500
|
-
onBlur={[Function]}
|
|
501
|
-
onClick={[Function]}
|
|
502
|
-
onFocus={[Function]}
|
|
503
|
-
onResponderGrant={[Function]}
|
|
504
|
-
onResponderMove={[Function]}
|
|
505
|
-
onResponderRelease={[Function]}
|
|
506
|
-
onResponderTerminate={[Function]}
|
|
507
|
-
onResponderTerminationRequest={[Function]}
|
|
508
|
-
onStartShouldSetResponder={[Function]}
|
|
509
|
-
>
|
|
510
|
-
<Text
|
|
511
|
-
className="text-base font-medium text-f1-foreground-inverse"
|
|
512
|
-
>
|
|
513
|
-
Test Button
|
|
514
|
-
</Text>
|
|
515
|
-
</View>
|
|
516
|
-
</View>
|
|
517
|
-
`;
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
|
|
2
|
-
|
|
3
|
-
exports[`Counter Snapshot 1`] = `
|
|
4
|
-
<View
|
|
5
|
-
className="flex items-start"
|
|
6
|
-
>
|
|
7
|
-
<View
|
|
8
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-secondary border border-f1-border"
|
|
9
|
-
>
|
|
10
|
-
<Text
|
|
11
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground"
|
|
12
|
-
>
|
|
13
|
-
42
|
|
14
|
-
</Text>
|
|
15
|
-
</View>
|
|
16
|
-
</View>
|
|
17
|
-
`;
|
|
18
|
-
|
|
19
|
-
exports[`Counter Snapshot vairan bold types 1`] = `
|
|
20
|
-
<View
|
|
21
|
-
className="flex items-start"
|
|
22
|
-
>
|
|
23
|
-
<View
|
|
24
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-accent-bold"
|
|
25
|
-
>
|
|
26
|
-
<Text
|
|
27
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground-inverse"
|
|
28
|
-
>
|
|
29
|
-
42
|
|
30
|
-
</Text>
|
|
31
|
-
</View>
|
|
32
|
-
</View>
|
|
33
|
-
`;
|
|
34
|
-
|
|
35
|
-
exports[`Counter Snapshot vairan defauly types 1`] = `
|
|
36
|
-
<View
|
|
37
|
-
className="flex items-start"
|
|
38
|
-
>
|
|
39
|
-
<View
|
|
40
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-secondary border border-f1-border"
|
|
41
|
-
>
|
|
42
|
-
<Text
|
|
43
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground"
|
|
44
|
-
>
|
|
45
|
-
42
|
|
46
|
-
</Text>
|
|
47
|
-
</View>
|
|
48
|
-
</View>
|
|
49
|
-
`;
|
|
50
|
-
|
|
51
|
-
exports[`Counter Snapshot vairan defauly types 2`] = `
|
|
52
|
-
<View
|
|
53
|
-
className="flex items-start"
|
|
54
|
-
>
|
|
55
|
-
<View
|
|
56
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-secondary border border-f1-border"
|
|
57
|
-
>
|
|
58
|
-
<Text
|
|
59
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground"
|
|
60
|
-
>
|
|
61
|
-
42
|
|
62
|
-
</Text>
|
|
63
|
-
</View>
|
|
64
|
-
</View>
|
|
65
|
-
`;
|
|
66
|
-
|
|
67
|
-
exports[`Counter Snapshot vairan md size 1`] = `
|
|
68
|
-
<View
|
|
69
|
-
className="flex items-start"
|
|
70
|
-
>
|
|
71
|
-
<View
|
|
72
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-secondary border border-f1-border"
|
|
73
|
-
>
|
|
74
|
-
<Text
|
|
75
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground"
|
|
76
|
-
>
|
|
77
|
-
42
|
|
78
|
-
</Text>
|
|
79
|
-
</View>
|
|
80
|
-
</View>
|
|
81
|
-
`;
|
|
82
|
-
|
|
83
|
-
exports[`Counter Snapshot vairan selected types 1`] = `
|
|
84
|
-
<View
|
|
85
|
-
className="flex items-start"
|
|
86
|
-
>
|
|
87
|
-
<View
|
|
88
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-selected-bold outline-f1-border-selected"
|
|
89
|
-
>
|
|
90
|
-
<Text
|
|
91
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground-inverse"
|
|
92
|
-
>
|
|
93
|
-
42
|
|
94
|
-
</Text>
|
|
95
|
-
</View>
|
|
96
|
-
</View>
|
|
97
|
-
`;
|
|
98
|
-
|
|
99
|
-
exports[`Counter Snapshot vairan sm size 1`] = `
|
|
100
|
-
<View
|
|
101
|
-
className="flex items-start"
|
|
102
|
-
>
|
|
103
|
-
<View
|
|
104
|
-
className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-4 h-4 bg-f1-background-secondary border border-f1-border"
|
|
105
|
-
>
|
|
106
|
-
<Text
|
|
107
|
-
className="text-center text-sm font-medium tabular-nums whitespace-nowrap leading-none py-0.5 text-f1-foreground"
|
|
108
|
-
>
|
|
109
|
-
42
|
|
110
|
-
</Text>
|
|
111
|
-
</View>
|
|
112
|
-
</View>
|
|
113
|
-
`;
|