@factorialco/f0-react-native 0.24.0 → 0.25.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 (35) hide show
  1. package/lib/module/icons/app/New.js +2 -0
  2. package/lib/module/icons/app/New.js.map +1 -0
  3. package/lib/module/icons/app/QuestionCircle.js +2 -0
  4. package/lib/module/icons/app/QuestionCircle.js.map +1 -0
  5. package/lib/module/icons/app/index.js +1 -1
  6. package/lib/module/icons/app/index.js.map +1 -1
  7. package/lib/typescript/icons/app/New.d.ts +5 -0
  8. package/lib/typescript/icons/app/New.d.ts.map +1 -0
  9. package/lib/typescript/icons/app/QuestionCircle.d.ts +5 -0
  10. package/lib/typescript/icons/app/QuestionCircle.d.ts.map +1 -0
  11. package/lib/typescript/icons/app/index.d.ts +2 -0
  12. package/lib/typescript/icons/app/index.d.ts.map +1 -1
  13. package/package.json +1 -1
  14. package/src/icons/app/New.tsx +19 -0
  15. package/src/icons/app/QuestionCircle.tsx +21 -0
  16. package/src/icons/app/index.ts +2 -0
  17. package/lib/module/components/Activity/ActivityItem/__snapshots__/index.spec.tsx.snap +0 -62
  18. package/lib/module/components/Avatars/CompanyAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  19. package/lib/module/components/Avatars/DateAvatar/__snapshots__/index.spec.tsx.snap +0 -18
  20. package/lib/module/components/Avatars/EmojiAvatar/__snapshots__/index.spec.tsx.snap +0 -37
  21. package/lib/module/components/Avatars/FileAvatar/__snapshots__/index.spec.tsx.snap +0 -261
  22. package/lib/module/components/Avatars/IconAvatar/__snapshots__/index.spec.tsx.snap +0 -265
  23. package/lib/module/components/Avatars/PersonAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  24. package/lib/module/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap +0 -25
  25. package/lib/module/components/Button/__snapshots__/index.spec.tsx.snap +0 -517
  26. package/lib/module/components/Counter/__snapshots__/index.spec.tsx.snap +0 -113
  27. package/lib/module/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap +0 -242
  28. package/lib/module/components/OneChip/__snapshots__/index.spec.tsx.snap +0 -480
  29. package/lib/module/components/OnePreset/__snapshots__/index.spec.tsx.snap +0 -227
  30. package/lib/module/components/PressableFeedback/__snapshots__/index.spec.tsx.snap +0 -597
  31. package/lib/module/components/Tags/AlertTab/__snapshots__/index.spec.tsx.snap +0 -337
  32. package/lib/module/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap +0 -1255
  33. package/lib/module/components/Tags/RawTag/__snapshots__/index.spec.tsx.snap +0 -252
  34. package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap +0 -783
  35. package/lib/module/components/experimental/Lists/DetailsItemsList/__snapshots__/index.spec.tsx.snap +0 -695
package/lib/module/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap DELETED
@@ -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
- `;