@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.
Files changed (116) hide show
  1. package/lib/module/components/Activity/ActivityItem/index.js +1 -1
  2. package/lib/module/components/Avatars/BaseAvatar/index.js +1 -1
  3. package/lib/module/components/Avatars/DateAvatar/index.js +1 -1
  4. package/lib/module/components/Avatars/EmojiAvatar/index.js +1 -1
  5. package/lib/module/components/Avatars/FileAvatar/index.js +1 -1
  6. package/lib/module/components/Avatars/FileAvatar/utils.js +1 -1
  7. package/lib/module/components/Avatars/IconAvatar/index.js +1 -1
  8. package/lib/module/components/Avatars/ModuleAvatar/index.js +1 -1
  9. package/lib/module/components/Badge/index.js +1 -1
  10. package/lib/module/components/Button/index.js +1 -1
  11. package/lib/module/components/Counter/index.js +1 -1
  12. package/lib/module/components/ExampleComponent.js +1 -1
  13. package/lib/module/components/Icon/README.md +1 -1
  14. package/lib/module/components/Navigation/PageHeader/index.js +1 -1
  15. package/lib/module/components/OneChip/index.js +1 -1
  16. package/lib/module/components/OnePreset/index.js +1 -1
  17. package/lib/module/components/Tags/AlertTab/index.js +1 -1
  18. package/lib/module/components/Tags/BaseTag/index.js +1 -1
  19. package/lib/module/components/Tags/DotTag/index.js +1 -1
  20. package/lib/module/components/Tags/RawTag/index.js +1 -1
  21. package/lib/module/components/experimental/Lists/DataList/ItemContainer.js +1 -1
  22. package/lib/module/components/experimental/Lists/DataList/actions/CopyAction.js +1 -1
  23. package/lib/module/components/experimental/Lists/DataList/actions/GenericAction.js +1 -1
  24. package/lib/module/components/experimental/Lists/DataList/index.js +1 -1
  25. package/lib/module/components/experimental/Lists/DetailsItemsList/index.js +1 -1
  26. package/lib/module/icons/app/New.js +2 -0
  27. package/lib/module/icons/app/New.js.map +1 -0
  28. package/lib/module/icons/app/QuestionCircle.js +2 -0
  29. package/lib/module/icons/app/QuestionCircle.js.map +1 -0
  30. package/lib/module/icons/app/index.js +1 -1
  31. package/lib/module/icons/app/index.js.map +1 -1
  32. package/lib/module/icons/modules/Hub.js +1 -1
  33. package/lib/module/icons/modules/Hub.js.map +1 -1
  34. package/lib/module/styles/theme.css +308 -237
  35. package/lib/module/styles/tokens/colors.js +1 -1
  36. package/lib/module/styles/tokens/colors.js.map +1 -1
  37. package/lib/module/ui/avatar.js +1 -1
  38. package/lib/typescript/components/OneChip/index.d.ts +2 -2
  39. package/lib/typescript/icons/app/New.d.ts +5 -0
  40. package/lib/typescript/icons/app/New.d.ts.map +1 -0
  41. package/lib/typescript/icons/app/QuestionCircle.d.ts +5 -0
  42. package/lib/typescript/icons/app/QuestionCircle.d.ts.map +1 -0
  43. package/lib/typescript/icons/app/index.d.ts +2 -0
  44. package/lib/typescript/icons/app/index.d.ts.map +1 -1
  45. package/lib/typescript/icons/modules/Hub.d.ts.map +1 -1
  46. package/lib/typescript/styles/tokens/colors.d.ts +2 -2
  47. package/package.json +2 -2
  48. package/src/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +3 -3
  49. package/src/components/Activity/ActivityItem/index.tsx +10 -10
  50. package/src/components/Avatars/BaseAvatar/index.tsx +1 -1
  51. package/src/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  52. package/src/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +3 -3
  53. package/src/components/Avatars/DateAvatar/index.tsx +3 -3
  54. package/src/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +3 -3
  55. package/src/components/Avatars/EmojiAvatar/index.tsx +1 -1
  56. package/src/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +26 -26
  57. package/src/components/Avatars/FileAvatar/index.tsx +2 -2
  58. package/src/components/Avatars/FileAvatar/utils.ts +13 -13
  59. package/src/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +6 -6
  60. package/src/components/Avatars/IconAvatar/index.tsx +2 -2
  61. package/src/components/Avatars/ModuleAvatar/index.tsx +1 -1
  62. package/src/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  63. package/src/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +1 -1
  64. package/src/components/Badge/index.tsx +5 -5
  65. package/src/components/Button/__snapshots__/index.spec.tsx.snap +22 -22
  66. package/src/components/Button/index.tsx +22 -22
  67. package/src/components/Counter/__snapshots__/index.spec.tsx.snap +14 -14
  68. package/src/components/Counter/index.tsx +6 -6
  69. package/src/components/ExampleComponent.tsx +2 -2
  70. package/src/components/Icon/README.md +1 -1
  71. package/src/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +4 -4
  72. package/src/components/Navigation/PageHeader/index.tsx +1 -1
  73. package/src/components/OneChip/__snapshots__/index.spec.tsx.snap +11 -11
  74. package/src/components/OneChip/index.tsx +5 -5
  75. package/src/components/OnePreset/__snapshots__/index.spec.tsx.snap +8 -8
  76. package/src/components/OnePreset/index.tsx +3 -3
  77. package/src/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +9 -9
  78. package/src/components/Tags/AlertTab/index.tsx +9 -9
  79. package/src/components/Tags/BaseTag/index.tsx +2 -2
  80. package/src/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +38 -38
  81. package/src/components/Tags/DotTag/index.tsx +1 -1
  82. package/src/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +6 -6
  83. package/src/components/Tags/RawTag/index.tsx +3 -3
  84. package/src/components/experimental/Lists/DataList/ItemContainer.tsx +2 -2
  85. package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx +4 -4
  86. package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx +3 -3
  87. package/src/components/experimental/Lists/DataList/index.tsx +1 -1
  88. package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +26 -26
  89. package/src/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +26 -26
  90. package/src/components/experimental/Lists/DetailsItemsList/index.tsx +3 -3
  91. package/src/icons/app/New.tsx +19 -0
  92. package/src/icons/app/QuestionCircle.tsx +21 -0
  93. package/src/icons/app/index.ts +2 -0
  94. package/src/icons/modules/Hub.tsx +2 -1
  95. package/src/styles/theme.css +308 -237
  96. package/src/styles/tokens/colors.ts +2 -2
  97. package/src/ui/avatar.tsx +1 -1
  98. package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +0 -62
  99. package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  100. package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +0 -18
  101. package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +0 -37
  102. package/lib/module/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +0 -261
  103. package/lib/module/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +0 -265
  104. package/lib/module/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  105. package/lib/module/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  106. package/lib/module/components/Button/__snapshots__/index.spec.tsx.snap +0 -517
  107. package/lib/module/components/Counter/__snapshots__/index.spec.tsx.snap +0 -113
  108. package/lib/module/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +0 -242
  109. package/lib/module/components/OneChip/__snapshots__/index.spec.tsx.snap +0 -480
  110. package/lib/module/components/OnePreset/__snapshots__/index.spec.tsx.snap +0 -227
  111. package/lib/module/components/PressableFeedback/__snapshots__/index.spec.tsx.snap +0 -597
  112. package/lib/module/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +0 -337
  113. package/lib/module/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +0 -1255
  114. package/lib/module/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +0 -252
  115. package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +0 -783
  116. package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +0 -695
@@ -1,783 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`DetailsItem Snapshot type company 1`] = `
4
- <View
5
- className="flex gap-0.5"
6
- >
7
- <View
8
- className="max-w-72 min-w-32"
9
- >
10
- <Text
11
- className="px-1.5 text-f1-foreground-secondary"
12
- >
13
- Company
14
- </Text>
15
- <View
16
- className="flex flex-shrink justify-center gap-0.5"
17
- >
18
- <View
19
- className="flex rounded font-medium text-f1-foreground *:flex-1"
20
- >
21
- <View
22
- accessibilityLabel="Copy factorial"
23
- accessibilityState={
24
- {
25
- "busy": undefined,
26
- "checked": undefined,
27
- "disabled": undefined,
28
- "expanded": undefined,
29
- "selected": undefined,
30
- }
31
- }
32
- accessibilityValue={
33
- {
34
- "max": undefined,
35
- "min": undefined,
36
- "now": undefined,
37
- "text": undefined,
38
- }
39
- }
40
- accessible={true}
41
- className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
42
- collapsable={false}
43
- focusable={true}
44
- onBlur={[Function]}
45
- onClick={[Function]}
46
- onFocus={[Function]}
47
- onResponderGrant={[Function]}
48
- onResponderMove={[Function]}
49
- onResponderRelease={[Function]}
50
- onResponderTerminate={[Function]}
51
- onResponderTerminationRequest={[Function]}
52
- onStartShouldSetResponder={[Function]}
53
- >
54
- <View
55
- className="flex flex-row items-center gap-1.5"
56
- >
57
- <View
58
- className="inline-flex "
59
- >
60
- <View
61
- className="h-fit w-fit"
62
- >
63
- <View
64
- aria-hidden={true}
65
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-f1-background dark:bg-f1-background-inverse-secondary"
66
- data-a11y-color-contrast-ignore={true}
67
- role="img"
68
- >
69
- <View
70
- className="aspect-square h-full w-full"
71
- >
72
- <Image
73
- aria-label="F"
74
- source={
75
- {
76
- "uri": "https://avatars.githubusercontent.com/u/21041797?s=200&v=4",
77
- }
78
- }
79
- style={
80
- {
81
- "height": "100%",
82
- "width": "100%",
83
- }
84
- }
85
- />
86
- </View>
87
- </View>
88
- </View>
89
- </View>
90
- <Text
91
- className="line-clamp-5 text-left text-f1-foreground"
92
- >
93
- factorial
94
- </Text>
95
- </View>
96
- <View
97
- className="flex"
98
- >
99
- <RNSVGSvgView
100
- align="xMidYMid"
101
- aria-hidden={true}
102
- bbHeight="100%"
103
- bbWidth="100%"
104
- className="shrink-0 w-5 h-5 stroke-md col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
105
- fill="none"
106
- focusable={false}
107
- meetOrSlice={0}
108
- minX={0}
109
- minY={0}
110
- style={
111
- [
112
- {
113
- "backgroundColor": "transparent",
114
- "borderWidth": 0,
115
- },
116
- [
117
- {},
118
- ],
119
- {
120
- "flex": 0,
121
- "height": "100%",
122
- "width": "100%",
123
- },
124
- ]
125
- }
126
- vbHeight={24}
127
- vbWidth={24}
128
- >
129
- <RNSVGGroup
130
- fill={null}
131
- propList={
132
- [
133
- "fill",
134
- ]
135
- }
136
- >
137
- <RNSVGPath
138
- d="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
139
- fill={
140
- {
141
- "payload": 4278190080,
142
- "type": 0,
143
- }
144
- }
145
- propList={
146
- [
147
- "stroke",
148
- "strokeLinecap",
149
- ]
150
- }
151
- stroke={
152
- {
153
- "type": 2,
154
- }
155
- }
156
- strokeLinecap={1}
157
- />
158
- <RNSVGPath
159
- d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
160
- fill={
161
- {
162
- "payload": 4278190080,
163
- "type": 0,
164
- }
165
- }
166
- propList={
167
- [
168
- "stroke",
169
- "strokeLinecap",
170
- "strokeLinejoin",
171
- ]
172
- }
173
- stroke={
174
- {
175
- "type": 2,
176
- }
177
- }
178
- strokeLinecap={1}
179
- strokeLinejoin={1}
180
- />
181
- </RNSVGGroup>
182
- </RNSVGSvgView>
183
- </View>
184
- </View>
185
- </View>
186
- </View>
187
- </View>
188
- </View>
189
- `;
190
-
191
- exports[`DetailsItem Snapshot type dot-tag 1`] = `
192
- <View
193
- className="flex gap-0.5"
194
- >
195
- <View
196
- className="max-w-72 min-w-32"
197
- >
198
- <Text
199
- className="px-1.5 text-f1-foreground-secondary"
200
- >
201
- Dot Tag
202
- </Text>
203
- <View
204
- className="flex flex-shrink justify-center gap-0.5"
205
- >
206
- <View
207
- className="flex items-start pt-1"
208
- >
209
- <View
210
- className="flex items-start"
211
- >
212
- <View
213
- accessibilityState={
214
- {
215
- "busy": undefined,
216
- "checked": undefined,
217
- "disabled": true,
218
- "expanded": undefined,
219
- "selected": undefined,
220
- }
221
- }
222
- accessibilityValue={
223
- {
224
- "max": undefined,
225
- "min": undefined,
226
- "now": undefined,
227
- "text": undefined,
228
- }
229
- }
230
- accessible={true}
231
- className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f1-border-secondary"
232
- collapsable={false}
233
- focusable={true}
234
- onBlur={[Function]}
235
- onClick={[Function]}
236
- onFocus={[Function]}
237
- onResponderGrant={[Function]}
238
- onResponderMove={[Function]}
239
- onResponderRelease={[Function]}
240
- onResponderTerminate={[Function]}
241
- onResponderTerminationRequest={[Function]}
242
- onStartShouldSetResponder={[Function]}
243
- style={
244
- [
245
- {
246
- "transform": [
247
- {
248
- "scale": 1,
249
- },
250
- ],
251
- },
252
- undefined,
253
- ]
254
- }
255
- >
256
- <View
257
- aria-hidden={true}
258
- className="m-1 aspect-square w-2 rounded-full"
259
- style={
260
- {
261
- "backgroundColor": "#07A2AD",
262
- }
263
- }
264
- />
265
- <Text
266
- className="line-clamp-1 text-base font-medium text-f1-foreground"
267
- >
268
- Activity
269
- </Text>
270
- </View>
271
- </View>
272
- </View>
273
- </View>
274
- </View>
275
- </View>
276
- `;
277
-
278
- exports[`DetailsItem Snapshot type item 1`] = `
279
- <View
280
- className="flex gap-0.5"
281
- >
282
- <View
283
- className="max-w-72 min-w-32"
284
- >
285
- <Text
286
- className="px-1.5 text-f1-foreground-secondary"
287
- >
288
- Email
289
- </Text>
290
- <View
291
- className="flex flex-shrink justify-center gap-0.5"
292
- >
293
- <View
294
- className="flex rounded font-medium text-f1-foreground *:flex-1"
295
- >
296
- <View
297
- accessibilityLabel="Copy alicia.keys@factorial.co"
298
- accessibilityState={
299
- {
300
- "busy": undefined,
301
- "checked": undefined,
302
- "disabled": undefined,
303
- "expanded": undefined,
304
- "selected": undefined,
305
- }
306
- }
307
- accessibilityValue={
308
- {
309
- "max": undefined,
310
- "min": undefined,
311
- "now": undefined,
312
- "text": undefined,
313
- }
314
- }
315
- accessible={true}
316
- className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
317
- collapsable={false}
318
- focusable={true}
319
- onBlur={[Function]}
320
- onClick={[Function]}
321
- onFocus={[Function]}
322
- onResponderGrant={[Function]}
323
- onResponderMove={[Function]}
324
- onResponderRelease={[Function]}
325
- onResponderTerminate={[Function]}
326
- onResponderTerminationRequest={[Function]}
327
- onStartShouldSetResponder={[Function]}
328
- >
329
- <View
330
- className="flex flex-row items-center gap-1.5"
331
- >
332
- <Text
333
- className="line-clamp-5 text-left text-f1-foreground"
334
- >
335
- alicia.keys@factorial.co
336
- </Text>
337
- </View>
338
- <View
339
- className="flex"
340
- >
341
- <RNSVGSvgView
342
- align="xMidYMid"
343
- aria-hidden={true}
344
- bbHeight="100%"
345
- bbWidth="100%"
346
- className="shrink-0 w-5 h-5 stroke-md col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
347
- fill="none"
348
- focusable={false}
349
- meetOrSlice={0}
350
- minX={0}
351
- minY={0}
352
- style={
353
- [
354
- {
355
- "backgroundColor": "transparent",
356
- "borderWidth": 0,
357
- },
358
- [
359
- {},
360
- ],
361
- {
362
- "flex": 0,
363
- "height": "100%",
364
- "width": "100%",
365
- },
366
- ]
367
- }
368
- vbHeight={24}
369
- vbWidth={24}
370
- >
371
- <RNSVGGroup
372
- fill={null}
373
- propList={
374
- [
375
- "fill",
376
- ]
377
- }
378
- >
379
- <RNSVGPath
380
- d="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
381
- fill={
382
- {
383
- "payload": 4278190080,
384
- "type": 0,
385
- }
386
- }
387
- propList={
388
- [
389
- "stroke",
390
- "strokeLinecap",
391
- ]
392
- }
393
- stroke={
394
- {
395
- "type": 2,
396
- }
397
- }
398
- strokeLinecap={1}
399
- />
400
- <RNSVGPath
401
- d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
402
- fill={
403
- {
404
- "payload": 4278190080,
405
- "type": 0,
406
- }
407
- }
408
- propList={
409
- [
410
- "stroke",
411
- "strokeLinecap",
412
- "strokeLinejoin",
413
- ]
414
- }
415
- stroke={
416
- {
417
- "type": 2,
418
- }
419
- }
420
- strokeLinecap={1}
421
- strokeLinejoin={1}
422
- />
423
- </RNSVGGroup>
424
- </RNSVGSvgView>
425
- </View>
426
- </View>
427
- </View>
428
- </View>
429
- </View>
430
- </View>
431
- `;
432
-
433
- exports[`DetailsItem Snapshot type person 1`] = `
434
- <View
435
- className="flex gap-0.5"
436
- >
437
- <View
438
- className="max-w-72 min-w-32"
439
- >
440
- <Text
441
- className="px-1.5 text-f1-foreground-secondary"
442
- >
443
- Datos personales
444
- </Text>
445
- <View
446
- className="flex flex-shrink justify-center gap-0.5"
447
- >
448
- <View
449
- className="flex rounded font-medium text-f1-foreground *:flex-1"
450
- >
451
- <View
452
- accessibilityLabel="Copy Daniel Maza"
453
- accessibilityState={
454
- {
455
- "busy": undefined,
456
- "checked": undefined,
457
- "disabled": undefined,
458
- "expanded": undefined,
459
- "selected": undefined,
460
- }
461
- }
462
- accessibilityValue={
463
- {
464
- "max": undefined,
465
- "min": undefined,
466
- "now": undefined,
467
- "text": undefined,
468
- }
469
- }
470
- accessible={true}
471
- className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
472
- collapsable={false}
473
- focusable={true}
474
- onBlur={[Function]}
475
- onClick={[Function]}
476
- onFocus={[Function]}
477
- onResponderGrant={[Function]}
478
- onResponderMove={[Function]}
479
- onResponderRelease={[Function]}
480
- onResponderTerminate={[Function]}
481
- onResponderTerminationRequest={[Function]}
482
- onStartShouldSetResponder={[Function]}
483
- >
484
- <View
485
- className="flex flex-row items-center gap-1.5"
486
- >
487
- <View
488
- className="inline-flex "
489
- >
490
- <View
491
- className="h-fit w-fit"
492
- >
493
- <View
494
- aria-hidden={true}
495
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-full bg-[hsl(theme(colors.flubber-50))]"
496
- data-a11y-color-contrast-ignore={true}
497
- role="img"
498
- >
499
- <Text
500
- className="text-f1-foreground-inverse/90 text-sm"
501
- data-a11y-color-contrast-ignore={true}
502
- >
503
- D
504
- </Text>
505
- </View>
506
- </View>
507
- </View>
508
- <Text
509
- className="line-clamp-5 text-left text-f1-foreground"
510
- >
511
- Daniel Maza
512
- </Text>
513
- </View>
514
- <View
515
- className="flex"
516
- >
517
- <RNSVGSvgView
518
- align="xMidYMid"
519
- aria-hidden={true}
520
- bbHeight="100%"
521
- bbWidth="100%"
522
- className="shrink-0 w-5 h-5 stroke-md col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
523
- fill="none"
524
- focusable={false}
525
- meetOrSlice={0}
526
- minX={0}
527
- minY={0}
528
- style={
529
- [
530
- {
531
- "backgroundColor": "transparent",
532
- "borderWidth": 0,
533
- },
534
- [
535
- {},
536
- ],
537
- {
538
- "flex": 0,
539
- "height": "100%",
540
- "width": "100%",
541
- },
542
- ]
543
- }
544
- vbHeight={24}
545
- vbWidth={24}
546
- >
547
- <RNSVGGroup
548
- fill={null}
549
- propList={
550
- [
551
- "fill",
552
- ]
553
- }
554
- >
555
- <RNSVGPath
556
- d="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
557
- fill={
558
- {
559
- "payload": 4278190080,
560
- "type": 0,
561
- }
562
- }
563
- propList={
564
- [
565
- "stroke",
566
- "strokeLinecap",
567
- ]
568
- }
569
- stroke={
570
- {
571
- "type": 2,
572
- }
573
- }
574
- strokeLinecap={1}
575
- />
576
- <RNSVGPath
577
- d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
578
- fill={
579
- {
580
- "payload": 4278190080,
581
- "type": 0,
582
- }
583
- }
584
- propList={
585
- [
586
- "stroke",
587
- "strokeLinecap",
588
- "strokeLinejoin",
589
- ]
590
- }
591
- stroke={
592
- {
593
- "type": 2,
594
- }
595
- }
596
- strokeLinecap={1}
597
- strokeLinejoin={1}
598
- />
599
- </RNSVGGroup>
600
- </RNSVGSvgView>
601
- </View>
602
- </View>
603
- </View>
604
- </View>
605
- </View>
606
- </View>
607
- `;
608
-
609
- exports[`DetailsItem Snapshot type team 1`] = `
610
- <View
611
- className="flex gap-0.5"
612
- >
613
- <View
614
- className="max-w-72 min-w-32"
615
- >
616
- <Text
617
- className="px-1.5 text-f1-foreground-secondary"
618
- >
619
- Team
620
- </Text>
621
- <View
622
- className="flex flex-shrink justify-center gap-0.5"
623
- >
624
- <View
625
- className="flex rounded font-medium text-f1-foreground *:flex-1"
626
- >
627
- <View
628
- accessibilityLabel="Copy factorial"
629
- accessibilityState={
630
- {
631
- "busy": undefined,
632
- "checked": undefined,
633
- "disabled": undefined,
634
- "expanded": undefined,
635
- "selected": undefined,
636
- }
637
- }
638
- accessibilityValue={
639
- {
640
- "max": undefined,
641
- "min": undefined,
642
- "now": undefined,
643
- "text": undefined,
644
- }
645
- }
646
- accessible={true}
647
- className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
648
- collapsable={false}
649
- focusable={true}
650
- onBlur={[Function]}
651
- onClick={[Function]}
652
- onFocus={[Function]}
653
- onResponderGrant={[Function]}
654
- onResponderMove={[Function]}
655
- onResponderRelease={[Function]}
656
- onResponderTerminate={[Function]}
657
- onResponderTerminationRequest={[Function]}
658
- onStartShouldSetResponder={[Function]}
659
- >
660
- <View
661
- className="flex flex-row items-center gap-1.5"
662
- >
663
- <View
664
- className="inline-flex "
665
- >
666
- <View
667
- className="h-fit w-fit"
668
- >
669
- <View
670
- aria-hidden={true}
671
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-[hsl(theme(colors.purple-50))]"
672
- data-a11y-color-contrast-ignore={true}
673
- role="img"
674
- >
675
- <Text
676
- className="text-f1-foreground-inverse/90 text-sm"
677
- data-a11y-color-contrast-ignore={true}
678
- >
679
- F
680
- </Text>
681
- </View>
682
- </View>
683
- </View>
684
- <Text
685
- className="line-clamp-5 text-left text-f1-foreground"
686
- >
687
- factorial
688
- </Text>
689
- </View>
690
- <View
691
- className="flex"
692
- >
693
- <RNSVGSvgView
694
- align="xMidYMid"
695
- aria-hidden={true}
696
- bbHeight="100%"
697
- bbWidth="100%"
698
- className="shrink-0 w-5 h-5 stroke-md col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
699
- fill="none"
700
- focusable={false}
701
- meetOrSlice={0}
702
- minX={0}
703
- minY={0}
704
- style={
705
- [
706
- {
707
- "backgroundColor": "transparent",
708
- "borderWidth": 0,
709
- },
710
- [
711
- {},
712
- ],
713
- {
714
- "flex": 0,
715
- "height": "100%",
716
- "width": "100%",
717
- },
718
- ]
719
- }
720
- vbHeight={24}
721
- vbWidth={24}
722
- >
723
- <RNSVGGroup
724
- fill={null}
725
- propList={
726
- [
727
- "fill",
728
- ]
729
- }
730
- >
731
- <RNSVGPath
732
- d="M9 20h1.4c3.36 0 5.04 0 6.324-.654a6 6 0 0 0 2.622-2.622C20 15.44 20 13.76 20 10.4V9"
733
- fill={
734
- {
735
- "payload": 4278190080,
736
- "type": 0,
737
- }
738
- }
739
- propList={
740
- [
741
- "stroke",
742
- "strokeLinecap",
743
- ]
744
- }
745
- stroke={
746
- {
747
- "type": 2,
748
- }
749
- }
750
- strokeLinecap={1}
751
- />
752
- <RNSVGPath
753
- d="M8 5h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3"
754
- fill={
755
- {
756
- "payload": 4278190080,
757
- "type": 0,
758
- }
759
- }
760
- propList={
761
- [
762
- "stroke",
763
- "strokeLinecap",
764
- "strokeLinejoin",
765
- ]
766
- }
767
- stroke={
768
- {
769
- "type": 2,
770
- }
771
- }
772
- strokeLinecap={1}
773
- strokeLinejoin={1}
774
- />
775
- </RNSVGGroup>
776
- </RNSVGSvgView>
777
- </View>
778
- </View>
779
- </View>
780
- </View>
781
- </View>
782
- </View>
783
- `;