@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/DetailsItemsList/__snapshots__/index.spec.tsx.snap DELETED
@@ -1,695 +0,0 @@
1
- // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
-
3
- exports[`DetailsItemsList Snapshot 1`] = `
4
- <View
5
- className="flex gap-4"
6
- >
7
- <Text
8
- className="mb-1 pl-1.5 text-sm font-semibold text-f1-foreground-secondary"
9
- >
10
- DETAILS
11
- </Text>
12
- <View
13
- className="flex gap-3"
14
- >
15
- <View
16
- className="flex gap-0.5"
17
- >
18
- <View
19
- className="max-w-72 min-w-32"
20
- >
21
- <Text
22
- className="px-1.5 text-f1-foreground-secondary"
23
- >
24
- Legal entity
25
- </Text>
26
- <View
27
- className="flex flex-shrink justify-center gap-0.5"
28
- >
29
- <View
30
- className="flex rounded font-medium text-f1-foreground *:flex-1"
31
- >
32
- <View
33
- accessibilityLabel="Copy Everyday Software SL"
34
- accessibilityState={
35
- {
36
- "busy": undefined,
37
- "checked": undefined,
38
- "disabled": undefined,
39
- "expanded": undefined,
40
- "selected": undefined,
41
- }
42
- }
43
- accessibilityValue={
44
- {
45
- "max": undefined,
46
- "min": undefined,
47
- "now": undefined,
48
- "text": undefined,
49
- }
50
- }
51
- accessible={true}
52
- className="group flex flex-row justify-between gap-1.5 rounded p-1.5 transition-colors duration-300 active:bg-f1-background-secondary-hover"
53
- collapsable={false}
54
- focusable={true}
55
- onBlur={[Function]}
56
- onClick={[Function]}
57
- onFocus={[Function]}
58
- onResponderGrant={[Function]}
59
- onResponderMove={[Function]}
60
- onResponderRelease={[Function]}
61
- onResponderTerminate={[Function]}
62
- onResponderTerminationRequest={[Function]}
63
- onStartShouldSetResponder={[Function]}
64
- >
65
- <View
66
- className="flex flex-row items-center gap-1.5"
67
- >
68
- <Text
69
- className="line-clamp-5 text-left text-f1-foreground"
70
- >
71
- Everyday Software SL
72
- </Text>
73
- </View>
74
- <View
75
- className="flex"
76
- >
77
- <RNSVGSvgView
78
- align="xMidYMid"
79
- aria-hidden={true}
80
- bbHeight="100%"
81
- bbWidth="100%"
82
- 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"
83
- fill="none"
84
- focusable={false}
85
- meetOrSlice={0}
86
- minX={0}
87
- minY={0}
88
- style={
89
- [
90
- {
91
- "backgroundColor": "transparent",
92
- "borderWidth": 0,
93
- },
94
- [
95
- {},
96
- ],
97
- {
98
- "flex": 0,
99
- "height": "100%",
100
- "width": "100%",
101
- },
102
- ]
103
- }
104
- vbHeight={24}
105
- vbWidth={24}
106
- >
107
- <RNSVGGroup
108
- fill={null}
109
- propList={
110
- [
111
- "fill",
112
- ]
113
- }
114
- >
115
- <RNSVGPath
116
- 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"
117
- fill={
118
- {
119
- "payload": 4278190080,
120
- "type": 0,
121
- }
122
- }
123
- propList={
124
- [
125
- "stroke",
126
- "strokeLinecap",
127
- ]
128
- }
129
- stroke={
130
- {
131
- "type": 2,
132
- }
133
- }
134
- strokeLinecap={1}
135
- />
136
- <RNSVGPath
137
- 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"
138
- fill={
139
- {
140
- "payload": 4278190080,
141
- "type": 0,
142
- }
143
- }
144
- propList={
145
- [
146
- "stroke",
147
- "strokeLinecap",
148
- "strokeLinejoin",
149
- ]
150
- }
151
- stroke={
152
- {
153
- "type": 2,
154
- }
155
- }
156
- strokeLinecap={1}
157
- strokeLinejoin={1}
158
- />
159
- </RNSVGGroup>
160
- </RNSVGSvgView>
161
- </View>
162
- </View>
163
- </View>
164
- </View>
165
- </View>
166
- </View>
167
- <View
168
- className="flex gap-0.5"
169
- >
170
- <View
171
- className="max-w-72 min-w-32"
172
- >
173
- <Text
174
- className="px-1.5 text-f1-foreground-secondary"
175
- >
176
- Manager
177
- </Text>
178
- <View
179
- className="flex flex-shrink justify-center gap-0.5"
180
- >
181
- <View
182
- className="flex rounded font-medium text-f1-foreground *:flex-1"
183
- >
184
- <View
185
- accessibilityState={
186
- {
187
- "busy": undefined,
188
- "checked": undefined,
189
- "disabled": undefined,
190
- "expanded": undefined,
191
- "selected": undefined,
192
- }
193
- }
194
- accessibilityValue={
195
- {
196
- "max": undefined,
197
- "min": undefined,
198
- "now": undefined,
199
- "text": undefined,
200
- }
201
- }
202
- accessible={true}
203
- className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
204
- collapsable={false}
205
- focusable={true}
206
- handlePress={[Function]}
207
- onBlur={[Function]}
208
- onClick={[Function]}
209
- onFocus={[Function]}
210
- onResponderGrant={[Function]}
211
- onResponderMove={[Function]}
212
- onResponderRelease={[Function]}
213
- onResponderTerminate={[Function]}
214
- onResponderTerminationRequest={[Function]}
215
- onStartShouldSetResponder={[Function]}
216
- type="generic"
217
- >
218
- <View
219
- className="flex flex-row items-center gap-1.5"
220
- >
221
- <View
222
- className="inline-flex "
223
- >
224
- <View
225
- className="h-fit w-fit"
226
- >
227
- <View
228
- aria-hidden={true}
229
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-full bg-f1-background dark:bg-f1-background-inverse-secondary"
230
- data-a11y-color-contrast-ignore={true}
231
- role="img"
232
- >
233
- <View
234
- className="aspect-square h-full w-full"
235
- >
236
- <Image
237
- aria-label="S"
238
- source={
239
- {
240
- "uri": "https://github.com/sauldom102.png",
241
- }
242
- }
243
- style={
244
- {
245
- "height": "100%",
246
- "width": "100%",
247
- }
248
- }
249
- />
250
- </View>
251
- </View>
252
- </View>
253
- </View>
254
- <Text
255
- className="line-clamp-5 text-left text-f1-foreground"
256
- >
257
- Saul Dominguez
258
- </Text>
259
- </View>
260
- <RNSVGSvgView
261
- align="xMidYMid"
262
- aria-hidden={true}
263
- bbHeight="100%"
264
- bbWidth="100%"
265
- className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
266
- fill="none"
267
- focusable={false}
268
- meetOrSlice={0}
269
- minX={0}
270
- minY={0}
271
- style={
272
- [
273
- {
274
- "backgroundColor": "transparent",
275
- "borderWidth": 0,
276
- },
277
- [
278
- {},
279
- ],
280
- {
281
- "flex": 0,
282
- "height": "100%",
283
- "width": "100%",
284
- },
285
- ]
286
- }
287
- vbHeight={24}
288
- vbWidth={24}
289
- >
290
- <RNSVGGroup
291
- fill={null}
292
- propList={
293
- [
294
- "fill",
295
- ]
296
- }
297
- >
298
- <RNSVGPath
299
- d="m9 6 6 6M9 18l6-6"
300
- fill={
301
- {
302
- "payload": 4278190080,
303
- "type": 0,
304
- }
305
- }
306
- propList={
307
- [
308
- "stroke",
309
- "strokeLinecap",
310
- "strokeLinejoin",
311
- ]
312
- }
313
- stroke={
314
- {
315
- "type": 2,
316
- }
317
- }
318
- strokeLinecap={1}
319
- strokeLinejoin={1}
320
- />
321
- </RNSVGGroup>
322
- </RNSVGSvgView>
323
- </View>
324
- </View>
325
- </View>
326
- </View>
327
- </View>
328
- <View
329
- className="flex gap-0.5"
330
- >
331
- <View
332
- className="max-w-72 min-w-32"
333
- >
334
- <Text
335
- className="px-1.5 text-f1-foreground-secondary"
336
- >
337
- Teams
338
- </Text>
339
- <View
340
- className="flex flex-shrink justify-center gap-0.5"
341
- >
342
- <View
343
- className="flex rounded font-medium text-f1-foreground *:flex-1"
344
- >
345
- <View
346
- accessibilityState={
347
- {
348
- "busy": undefined,
349
- "checked": undefined,
350
- "disabled": undefined,
351
- "expanded": undefined,
352
- "selected": undefined,
353
- }
354
- }
355
- accessibilityValue={
356
- {
357
- "max": undefined,
358
- "min": undefined,
359
- "now": undefined,
360
- "text": undefined,
361
- }
362
- }
363
- accessible={true}
364
- className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
365
- collapsable={false}
366
- focusable={true}
367
- handlePress={[Function]}
368
- onBlur={[Function]}
369
- onClick={[Function]}
370
- onFocus={[Function]}
371
- onResponderGrant={[Function]}
372
- onResponderMove={[Function]}
373
- onResponderRelease={[Function]}
374
- onResponderTerminate={[Function]}
375
- onResponderTerminationRequest={[Function]}
376
- onStartShouldSetResponder={[Function]}
377
- type="generic"
378
- >
379
- <View
380
- className="flex flex-row items-center gap-1.5"
381
- >
382
- <View
383
- className="inline-flex "
384
- >
385
- <View
386
- className="h-fit w-fit"
387
- >
388
- <View
389
- aria-hidden={true}
390
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-[hsl(theme(colors.yellow-50))]"
391
- data-a11y-color-contrast-ignore={true}
392
- role="img"
393
- >
394
- <Text
395
- className="text-f1-foreground-inverse/90 text-sm"
396
- data-a11y-color-contrast-ignore={true}
397
- >
398
- M
399
- </Text>
400
- </View>
401
- </View>
402
- </View>
403
- <Text
404
- className="line-clamp-5 text-left text-f1-foreground"
405
- >
406
- Management
407
- </Text>
408
- </View>
409
- <RNSVGSvgView
410
- align="xMidYMid"
411
- aria-hidden={true}
412
- bbHeight="100%"
413
- bbWidth="100%"
414
- className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
415
- fill="none"
416
- focusable={false}
417
- meetOrSlice={0}
418
- minX={0}
419
- minY={0}
420
- style={
421
- [
422
- {
423
- "backgroundColor": "transparent",
424
- "borderWidth": 0,
425
- },
426
- [
427
- {},
428
- ],
429
- {
430
- "flex": 0,
431
- "height": "100%",
432
- "width": "100%",
433
- },
434
- ]
435
- }
436
- vbHeight={24}
437
- vbWidth={24}
438
- >
439
- <RNSVGGroup
440
- fill={null}
441
- propList={
442
- [
443
- "fill",
444
- ]
445
- }
446
- >
447
- <RNSVGPath
448
- d="m9 6 6 6M9 18l6-6"
449
- fill={
450
- {
451
- "payload": 4278190080,
452
- "type": 0,
453
- }
454
- }
455
- propList={
456
- [
457
- "stroke",
458
- "strokeLinecap",
459
- "strokeLinejoin",
460
- ]
461
- }
462
- stroke={
463
- {
464
- "type": 2,
465
- }
466
- }
467
- strokeLinecap={1}
468
- strokeLinejoin={1}
469
- />
470
- </RNSVGGroup>
471
- </RNSVGSvgView>
472
- </View>
473
- </View>
474
- <View
475
- className="flex rounded font-medium text-f1-foreground *:flex-1"
476
- >
477
- <View
478
- accessibilityState={
479
- {
480
- "busy": undefined,
481
- "checked": undefined,
482
- "disabled": undefined,
483
- "expanded": undefined,
484
- "selected": undefined,
485
- }
486
- }
487
- accessibilityValue={
488
- {
489
- "max": undefined,
490
- "min": undefined,
491
- "now": undefined,
492
- "text": undefined,
493
- }
494
- }
495
- accessible={true}
496
- className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
497
- collapsable={false}
498
- focusable={true}
499
- handlePress={[Function]}
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
- type="generic"
510
- >
511
- <View
512
- className="flex flex-row items-center gap-1.5"
513
- >
514
- <View
515
- className="inline-flex "
516
- >
517
- <View
518
- className="h-fit w-fit"
519
- >
520
- <View
521
- aria-hidden={true}
522
- className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-[hsl(theme(colors.malibu-50))]"
523
- data-a11y-color-contrast-ignore={true}
524
- role="img"
525
- >
526
- <Text
527
- className="text-f1-foreground-inverse/90 text-sm"
528
- data-a11y-color-contrast-ignore={true}
529
- >
530
- E
531
- </Text>
532
- </View>
533
- </View>
534
- </View>
535
- <Text
536
- className="line-clamp-5 text-left text-f1-foreground"
537
- >
538
- Engineering
539
- </Text>
540
- </View>
541
- <RNSVGSvgView
542
- align="xMidYMid"
543
- aria-hidden={true}
544
- bbHeight="100%"
545
- bbWidth="100%"
546
- className="shrink-0 w-5 h-5 stroke-md text-f1-foreground"
547
- fill="none"
548
- focusable={false}
549
- meetOrSlice={0}
550
- minX={0}
551
- minY={0}
552
- style={
553
- [
554
- {
555
- "backgroundColor": "transparent",
556
- "borderWidth": 0,
557
- },
558
- [
559
- {},
560
- ],
561
- {
562
- "flex": 0,
563
- "height": "100%",
564
- "width": "100%",
565
- },
566
- ]
567
- }
568
- vbHeight={24}
569
- vbWidth={24}
570
- >
571
- <RNSVGGroup
572
- fill={null}
573
- propList={
574
- [
575
- "fill",
576
- ]
577
- }
578
- >
579
- <RNSVGPath
580
- d="m9 6 6 6M9 18l6-6"
581
- fill={
582
- {
583
- "payload": 4278190080,
584
- "type": 0,
585
- }
586
- }
587
- propList={
588
- [
589
- "stroke",
590
- "strokeLinecap",
591
- "strokeLinejoin",
592
- ]
593
- }
594
- stroke={
595
- {
596
- "type": 2,
597
- }
598
- }
599
- strokeLinecap={1}
600
- strokeLinejoin={1}
601
- />
602
- </RNSVGGroup>
603
- </RNSVGSvgView>
604
- </View>
605
- </View>
606
- </View>
607
- </View>
608
- </View>
609
- <View
610
- className="flex gap-0.5"
611
- >
612
- <View
613
- className="max-w-72 min-w-32"
614
- >
615
- <Text
616
- className="px-1.5 text-f1-foreground-secondary"
617
- >
618
- Type
619
- </Text>
620
- <View
621
- className="flex flex-shrink justify-center gap-0.5"
622
- >
623
- <View
624
- className="flex items-start pt-1"
625
- >
626
- <View
627
- className="flex items-start"
628
- >
629
- <View
630
- accessibilityState={
631
- {
632
- "busy": undefined,
633
- "checked": undefined,
634
- "disabled": true,
635
- "expanded": undefined,
636
- "selected": undefined,
637
- }
638
- }
639
- accessibilityValue={
640
- {
641
- "max": undefined,
642
- "min": undefined,
643
- "now": undefined,
644
- "text": undefined,
645
- }
646
- }
647
- accessible={true}
648
- 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"
649
- collapsable={false}
650
- focusable={true}
651
- onBlur={[Function]}
652
- onClick={[Function]}
653
- onFocus={[Function]}
654
- onResponderGrant={[Function]}
655
- onResponderMove={[Function]}
656
- onResponderRelease={[Function]}
657
- onResponderTerminate={[Function]}
658
- onResponderTerminationRequest={[Function]}
659
- onStartShouldSetResponder={[Function]}
660
- style={
661
- [
662
- {
663
- "transform": [
664
- {
665
- "scale": 1,
666
- },
667
- ],
668
- },
669
- undefined,
670
- ]
671
- }
672
- >
673
- <View
674
- aria-hidden={true}
675
- className="m-1 aspect-square w-2 rounded-full"
676
- style={
677
- {
678
- "backgroundColor": "#07A2AD",
679
- }
680
- }
681
- />
682
- <Text
683
- className="line-clamp-1 text-base font-medium text-f1-foreground"
684
- >
685
- Holidays
686
- </Text>
687
- </View>
688
- </View>
689
- </View>
690
- </View>
691
- </View>
692
- </View>
693
- </View>
694
- </View>
695
- `;