@pagopa/io-app-design-system 1.28.1 → 1.30.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 (40) hide show
  1. package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  2. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  3. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  4. package/lib/commonjs/components/listitems/ListItemNav.js +13 -6
  5. package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
  6. package/lib/commonjs/components/listitems/ListItemRadio.js +10 -0
  7. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
  8. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +10 -3
  9. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  10. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +212 -68
  11. package/lib/commonjs/components/textInput/TextInputBase.js +4 -2
  12. package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
  13. package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  14. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  15. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  16. package/lib/module/components/listitems/ListItemNav.js +15 -8
  17. package/lib/module/components/listitems/ListItemNav.js.map +1 -1
  18. package/lib/module/components/listitems/ListItemRadio.js +11 -1
  19. package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
  20. package/lib/module/components/listitems/ListItemRadioWithAmount.js +10 -3
  21. package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  22. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +212 -68
  23. package/lib/module/components/textInput/TextInputBase.js +4 -2
  24. package/lib/module/components/textInput/TextInputBase.js.map +1 -1
  25. package/lib/typescript/components/listitems/ListItemNav.d.ts +4 -5
  26. package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
  27. package/lib/typescript/components/listitems/ListItemRadio.d.ts +6 -0
  28. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
  29. package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
  30. package/lib/typescript/components/textInput/TextInputBase.d.ts +2 -1
  31. package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
  32. package/package.json +2 -2
  33. package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  34. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  35. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  36. package/src/components/listitems/ListItemNav.tsx +27 -10
  37. package/src/components/listitems/ListItemRadio.tsx +14 -3
  38. package/src/components/listitems/ListItemRadioWithAmount.tsx +4 -3
  39. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +212 -68
  40. package/src/components/textInput/TextInputBase.tsx +4 -1
package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap CHANGED
@@ -447,7 +447,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
447
447
  align="xMidYMid"
448
448
  bbHeight={24}
449
449
  bbWidth={24}
450
- color={4278927075}
451
450
  focusable={false}
452
451
  height={24}
453
452
  importantForAccessibility="no-hide-descendants"
@@ -470,19 +469,26 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfoCopy Snap
470
469
  },
471
470
  ]
472
471
  }
473
- tintColor={4278927075}
472
+ tintColor="#0B3EE3"
474
473
  vbHeight={24}
475
474
  vbWidth={24}
476
475
  width={24}
477
476
  >
478
- <RNSVGGroup>
477
+ <RNSVGGroup
478
+ fill={
479
+ {
480
+ "payload": 4278190080,
481
+ "type": 0,
482
+ }
483
+ }
484
+ >
479
485
  <RNSVGPath
480
486
  clipRule={0}
481
487
  d="M12 18h8a2 2 0 0 0 2-2V9h-4a3 3 0 0 1-3-3V2h-3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Zm9.332-11.987a2 2 0 0 1 .603.987H18a1 1 0 0 1-1-1V2.227a2 2 0 0 1 .406.281l3.926 3.505ZM14 20h-2a4 4 0 0 1-4-4V6H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2Zm2 0h4a4 4 0 0 0 4-4V7.505a4 4 0 0 0-1.336-2.984l-3.926-3.505A4 4 0 0 0 16.074 0H12a4 4 0 0 0-4 4H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4Z"
482
488
  fill={
483
- [
484
- 2,
485
- ]
489
+ {
490
+ "type": 2,
491
+ }
486
492
  }
487
493
  fillRule={0}
488
494
  propList={
@@ -618,7 +624,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
618
624
  align="xMidYMid"
619
625
  bbHeight={24}
620
626
  bbWidth={24}
621
- color={4278927075}
622
627
  focusable={false}
623
628
  height={24}
624
629
  importantForAccessibility="no-hide-descendants"
@@ -641,19 +646,26 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
641
646
  },
642
647
  ]
643
648
  }
644
- tintColor={4278927075}
649
+ tintColor="#0B3EE3"
645
650
  vbHeight={24}
646
651
  vbWidth={24}
647
652
  width={24}
648
653
  >
649
- <RNSVGGroup>
654
+ <RNSVGGroup
655
+ fill={
656
+ {
657
+ "payload": 4278190080,
658
+ "type": 0,
659
+ }
660
+ }
661
+ >
650
662
  <RNSVGPath
651
663
  clipRule={0}
652
664
  d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
653
665
  fill={
654
- [
655
- 2,
656
- ]
666
+ {
667
+ "type": 2,
668
+ }
657
669
  }
658
670
  fillRule={0}
659
671
  propList={
@@ -751,7 +763,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
751
763
  align="xMidYMid"
752
764
  bbHeight={24}
753
765
  bbWidth={24}
754
- color={4294862438}
755
766
  focusable={false}
756
767
  height={24}
757
768
  importantForAccessibility="no-hide-descendants"
@@ -774,19 +785,26 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
774
785
  },
775
786
  ]
776
787
  }
777
- tintColor={4294862438}
788
+ tintColor="#FE6666"
778
789
  vbHeight={24}
779
790
  vbWidth={24}
780
791
  width={24}
781
792
  >
782
- <RNSVGGroup>
793
+ <RNSVGGroup
794
+ fill={
795
+ {
796
+ "payload": 4278190080,
797
+ "type": 0,
798
+ }
799
+ }
800
+ >
783
801
  <RNSVGPath
784
802
  clipRule={0}
785
803
  d="M7.00702 1c-.73494 0-1.41405.39209-1.78152 1.02856L.2756 11.0274c-.36747.6365-.36747 1.4206 0 2.0571l4.9499 8.8783c.36747.6365 1.04658 1.0286 1.78152 1.0286h9.94288c.7349 0 1.414-.3921 1.7815-1.0286l4.993-8.8783c.3675-.6365.3675-1.4206 0-2.0571l-4.993-8.99884C18.3639 1.39209 17.6848 1 16.9499 1H7.00702Zm5.02608 13.5549c.5676 0 1.0283-.4601 1.0283-1.0277V5.52583c0-.56758-.4601-1.02769-1.0277-1.02769-.5676 0-1.0282.46011-1.0282 1.02769v8.00137c0 .5676.4601 1.0277 1.0276 1.0277Zm0 1.9431c.8436 0 1.5275.6839 1.5275 1.5275 0 .8436-.6839 1.5275-1.5275 1.5275-.8436 0-1.5274-.6839-1.5274-1.5275 0-.8436.6838-1.5275 1.5274-1.5275Z"
786
804
  fill={
787
- [
788
- 2,
789
- ]
805
+ {
806
+ "type": 2,
807
+ }
790
808
  }
791
809
  fillRule={0}
792
810
  propList={
@@ -851,7 +869,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
851
869
  align="xMidYMid"
852
870
  bbHeight={24}
853
871
  bbWidth={24}
854
- color={4278927075}
855
872
  focusable={false}
856
873
  height={24}
857
874
  importantForAccessibility="no-hide-descendants"
@@ -874,19 +891,26 @@ exports[`Test List Item Components - Experimental Enabled ListItemNavAlert Snap
874
891
  },
875
892
  ]
876
893
  }
877
- tintColor={4278927075}
894
+ tintColor="#0B3EE3"
878
895
  vbHeight={24}
879
896
  vbWidth={24}
880
897
  width={24}
881
898
  >
882
- <RNSVGGroup>
899
+ <RNSVGGroup
900
+ fill={
901
+ {
902
+ "payload": 4278190080,
903
+ "type": 0,
904
+ }
905
+ }
906
+ >
883
907
  <RNSVGPath
884
908
  clipRule={0}
885
909
  d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
886
910
  fill={
887
- [
888
- 2,
889
- ]
911
+ {
912
+ "type": 2,
913
+ }
890
914
  }
891
915
  fillRule={0}
892
916
  propList={
@@ -970,7 +994,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
970
994
  ]
971
995
  }
972
996
  >
973
- <View>
997
+ <View
998
+ style={
999
+ {
1000
+ "flexShrink": 1,
1001
+ }
1002
+ }
1003
+ >
974
1004
  <Text
975
1005
  allowFontScaling={false}
976
1006
  color="black"
@@ -983,6 +1013,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
983
1013
  "lineHeight": 21,
984
1014
  }
985
1015
  }
1016
+ numberOfLines={1}
986
1017
  style={
987
1018
  [
988
1019
  {
@@ -1000,6 +1031,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1000
1031
  weight="Regular"
1001
1032
  >
1002
1033
  label
1034
+ con nome molto molto lungo
1003
1035
  </Text>
1004
1036
  <View
1005
1037
  style={
@@ -1023,7 +1055,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1023
1055
  align="xMidYMid"
1024
1056
  bbHeight={16}
1025
1057
  bbWidth={16}
1026
- color={4283766755}
1027
1058
  focusable={false}
1028
1059
  height={16}
1029
1060
  importantForAccessibility="no-hide-descendants"
@@ -1046,18 +1077,25 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1046
1077
  },
1047
1078
  ]
1048
1079
  }
1049
- tintColor={4283766755}
1080
+ tintColor="#5517E3"
1050
1081
  vbHeight={17}
1051
1082
  vbWidth={16}
1052
1083
  width={16}
1053
1084
  >
1054
- <RNSVGGroup>
1085
+ <RNSVGGroup
1086
+ fill={
1087
+ {
1088
+ "payload": 4278190080,
1089
+ "type": 0,
1090
+ }
1091
+ }
1092
+ >
1055
1093
  <RNSVGPath
1056
1094
  d="M5.64418.97979c.23675-.63972 1.14156-.63972 1.37831 0l1.27772 3.45256a.73476.73476 0 0 0 .43411.43411l3.45258 1.27772c.6397.23675.6397 1.14156 0 1.37831L8.73432 8.80021a.73476.73476 0 0 0-.43411.43411L7.02249 12.6869c-.23675.6397-1.14156.6397-1.37831 0L4.36646 9.23432a.73476.73476 0 0 0-.43411-.43411L.47979 7.52249c-.63972-.23675-.63972-1.14156 0-1.37831l3.45256-1.27772a.73476.73476 0 0 0 .43411-.43411L5.64418.97979Zm6.65942 9.10601c.1246-.33665.6008-.33665.7255 0l.6724 1.8172a.38723.38723 0 0 0 .2285.2285l1.8172.6725c.3366.1246.3366.6008 0 .7254l-1.8172.6725a.3868.3868 0 0 0-.2285.2284l-.6724 1.8172c-.1247.3367-.6009.3367-.7255 0l-.6725-1.8172a.38638.38638 0 0 0-.2284-.2284l-1.81717-.6725c-.3367-.1246-.3367-.6008 0-.7254l1.81717-.6725a.3868.3868 0 0 0 .2284-.2285l.6725-1.8172Z"
1057
1095
  fill={
1058
- [
1059
- 2,
1060
- ]
1096
+ {
1097
+ "type": 2,
1098
+ }
1061
1099
  }
1062
1100
  propList={
1063
1101
  [
@@ -1114,6 +1152,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1114
1152
  }
1115
1153
  }
1116
1154
  >
1155
+ <View
1156
+ style={
1157
+ {
1158
+ "width": 8,
1159
+ }
1160
+ }
1161
+ />
1117
1162
  <Text
1118
1163
  allowFontScaling={false}
1119
1164
  color="blueIO-500"
@@ -1257,7 +1302,14 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1257
1302
  vbHeight={24}
1258
1303
  vbWidth={24}
1259
1304
  >
1260
- <RNSVGGroup>
1305
+ <RNSVGGroup
1306
+ fill={
1307
+ {
1308
+ "payload": 4278190080,
1309
+ "type": 0,
1310
+ }
1311
+ }
1312
+ >
1261
1313
  <RNSVGPath
1262
1314
  d="m7 12 4 4 7-7"
1263
1315
  fill={null}
@@ -1272,7 +1324,12 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1272
1324
  "strokeLinejoin",
1273
1325
  ]
1274
1326
  }
1275
- stroke={4294967295}
1327
+ stroke={
1328
+ {
1329
+ "payload": 4294967295,
1330
+ "type": 0,
1331
+ }
1332
+ }
1276
1333
  strokeDasharray={null}
1277
1334
  strokeLinecap={1}
1278
1335
  strokeLinejoin={1}
@@ -1354,7 +1411,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1354
1411
  ]
1355
1412
  }
1356
1413
  >
1357
- <View>
1414
+ <View
1415
+ style={
1416
+ {
1417
+ "flexShrink": 1,
1418
+ }
1419
+ }
1420
+ >
1358
1421
  <Text
1359
1422
  allowFontScaling={false}
1360
1423
  color="black"
@@ -1367,6 +1430,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1367
1430
  "lineHeight": 21,
1368
1431
  }
1369
1432
  }
1433
+ numberOfLines={1}
1370
1434
  style={
1371
1435
  [
1372
1436
  {
@@ -1384,6 +1448,7 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1384
1448
  weight="Regular"
1385
1449
  >
1386
1450
  label
1451
+ con nome molto molto lungo
1387
1452
  </Text>
1388
1453
  </View>
1389
1454
  <View
@@ -1394,6 +1459,13 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1394
1459
  }
1395
1460
  }
1396
1461
  >
1462
+ <View
1463
+ style={
1464
+ {
1465
+ "width": 8,
1466
+ }
1467
+ }
1468
+ />
1397
1469
  <Text
1398
1470
  allowFontScaling={false}
1399
1471
  color="blueIO-500"
@@ -2179,7 +2251,6 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2179
2251
  align="xMidYMid"
2180
2252
  bbHeight={24}
2181
2253
  bbWidth={24}
2182
- color={4278219750}
2183
2254
  focusable={false}
2184
2255
  height={24}
2185
2256
  importantForAccessibility="no-hide-descendants"
@@ -2202,19 +2273,26 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2202
2273
  },
2203
2274
  ]
2204
2275
  }
2205
- tintColor={4278219750}
2276
+ tintColor="#0073E6"
2206
2277
  vbHeight={24}
2207
2278
  vbWidth={24}
2208
2279
  width={24}
2209
2280
  >
2210
- <RNSVGGroup>
2281
+ <RNSVGGroup
2282
+ fill={
2283
+ {
2284
+ "payload": 4278190080,
2285
+ "type": 0,
2286
+ }
2287
+ }
2288
+ >
2211
2289
  <RNSVGPath
2212
2290
  clipRule={0}
2213
2291
  d="M12 18h8a2 2 0 0 0 2-2V9h-4a3 3 0 0 1-3-3V2h-3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2Zm9.332-11.987a2 2 0 0 1 .603.987H18a1 1 0 0 1-1-1V2.227a2 2 0 0 1 .406.281l3.926 3.505ZM14 20h-2a4 4 0 0 1-4-4V6H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2Zm2 0h4a4 4 0 0 0 4-4V7.505a4 4 0 0 0-1.336-2.984l-3.926-3.505A4 4 0 0 0 16.074 0H12a4 4 0 0 0-4 4H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4Z"
2214
2292
  fill={
2215
- [
2216
- 2,
2217
- ]
2293
+ {
2294
+ "type": 2,
2295
+ }
2218
2296
  }
2219
2297
  fillRule={0}
2220
2298
  propList={
@@ -2350,7 +2428,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2350
2428
  align="xMidYMid"
2351
2429
  bbHeight={24}
2352
2430
  bbWidth={24}
2353
- color={4278219750}
2354
2431
  focusable={false}
2355
2432
  height={24}
2356
2433
  importantForAccessibility="no-hide-descendants"
@@ -2373,19 +2450,26 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2373
2450
  },
2374
2451
  ]
2375
2452
  }
2376
- tintColor={4278219750}
2453
+ tintColor="#0073E6"
2377
2454
  vbHeight={24}
2378
2455
  vbWidth={24}
2379
2456
  width={24}
2380
2457
  >
2381
- <RNSVGGroup>
2458
+ <RNSVGGroup
2459
+ fill={
2460
+ {
2461
+ "payload": 4278190080,
2462
+ "type": 0,
2463
+ }
2464
+ }
2465
+ >
2382
2466
  <RNSVGPath
2383
2467
  clipRule={0}
2384
2468
  d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
2385
2469
  fill={
2386
- [
2387
- 2,
2388
- ]
2470
+ {
2471
+ "type": 2,
2472
+ }
2389
2473
  }
2390
2474
  fillRule={0}
2391
2475
  propList={
@@ -2483,7 +2567,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2483
2567
  align="xMidYMid"
2484
2568
  bbHeight={24}
2485
2569
  bbWidth={24}
2486
- color={4294862438}
2487
2570
  focusable={false}
2488
2571
  height={24}
2489
2572
  importantForAccessibility="no-hide-descendants"
@@ -2506,19 +2589,26 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2506
2589
  },
2507
2590
  ]
2508
2591
  }
2509
- tintColor={4294862438}
2592
+ tintColor="#FE6666"
2510
2593
  vbHeight={24}
2511
2594
  vbWidth={24}
2512
2595
  width={24}
2513
2596
  >
2514
- <RNSVGGroup>
2597
+ <RNSVGGroup
2598
+ fill={
2599
+ {
2600
+ "payload": 4278190080,
2601
+ "type": 0,
2602
+ }
2603
+ }
2604
+ >
2515
2605
  <RNSVGPath
2516
2606
  clipRule={0}
2517
2607
  d="M7.00702 1c-.73494 0-1.41405.39209-1.78152 1.02856L.2756 11.0274c-.36747.6365-.36747 1.4206 0 2.0571l4.9499 8.8783c.36747.6365 1.04658 1.0286 1.78152 1.0286h9.94288c.7349 0 1.414-.3921 1.7815-1.0286l4.993-8.8783c.3675-.6365.3675-1.4206 0-2.0571l-4.993-8.99884C18.3639 1.39209 17.6848 1 16.9499 1H7.00702Zm5.02608 13.5549c.5676 0 1.0283-.4601 1.0283-1.0277V5.52583c0-.56758-.4601-1.02769-1.0277-1.02769-.5676 0-1.0282.46011-1.0282 1.02769v8.00137c0 .5676.4601 1.0277 1.0276 1.0277Zm0 1.9431c.8436 0 1.5275.6839 1.5275 1.5275 0 .8436-.6839 1.5275-1.5275 1.5275-.8436 0-1.5274-.6839-1.5274-1.5275 0-.8436.6838-1.5275 1.5274-1.5275Z"
2518
2608
  fill={
2519
- [
2520
- 2,
2521
- ]
2609
+ {
2610
+ "type": 2,
2611
+ }
2522
2612
  }
2523
2613
  fillRule={0}
2524
2614
  propList={
@@ -2583,7 +2673,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2583
2673
  align="xMidYMid"
2584
2674
  bbHeight={24}
2585
2675
  bbWidth={24}
2586
- color={4278219750}
2587
2676
  focusable={false}
2588
2677
  height={24}
2589
2678
  importantForAccessibility="no-hide-descendants"
@@ -2606,19 +2695,26 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2606
2695
  },
2607
2696
  ]
2608
2697
  }
2609
- tintColor={4278219750}
2698
+ tintColor="#0073E6"
2610
2699
  vbHeight={24}
2611
2700
  vbWidth={24}
2612
2701
  width={24}
2613
2702
  >
2614
- <RNSVGGroup>
2703
+ <RNSVGGroup
2704
+ fill={
2705
+ {
2706
+ "payload": 4278190080,
2707
+ "type": 0,
2708
+ }
2709
+ }
2710
+ >
2615
2711
  <RNSVGPath
2616
2712
  clipRule={0}
2617
2713
  d="M16.2929 5.29289c.3905-.39052 1.0237-.39052 1.4142 0l6 6.00001c.3905.3905.3905 1.0237 0 1.4142l-6 6c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L21.5858 12l-5.2929-5.29289c-.3905-.39053-.3905-1.02369 0-1.41422Z"
2618
2714
  fill={
2619
- [
2620
- 2,
2621
- ]
2715
+ {
2716
+ "type": 2,
2717
+ }
2622
2718
  }
2623
2719
  fillRule={0}
2624
2720
  propList={
@@ -2702,7 +2798,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2702
2798
  ]
2703
2799
  }
2704
2800
  >
2705
- <View>
2801
+ <View
2802
+ style={
2803
+ {
2804
+ "flexShrink": 1,
2805
+ }
2806
+ }
2807
+ >
2706
2808
  <Text
2707
2809
  allowFontScaling={false}
2708
2810
  color="black"
@@ -2715,6 +2817,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2715
2817
  "lineHeight": 21,
2716
2818
  }
2717
2819
  }
2820
+ numberOfLines={1}
2718
2821
  style={
2719
2822
  [
2720
2823
  {
@@ -2732,6 +2835,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2732
2835
  weight="SemiBold"
2733
2836
  >
2734
2837
  label
2838
+ con nome molto molto lungo
2735
2839
  </Text>
2736
2840
  <View
2737
2841
  style={
@@ -2755,7 +2859,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2755
2859
  align="xMidYMid"
2756
2860
  bbHeight={16}
2757
2861
  bbWidth={16}
2758
- color={4283766755}
2759
2862
  focusable={false}
2760
2863
  height={16}
2761
2864
  importantForAccessibility="no-hide-descendants"
@@ -2778,18 +2881,25 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2778
2881
  },
2779
2882
  ]
2780
2883
  }
2781
- tintColor={4283766755}
2884
+ tintColor="#5517E3"
2782
2885
  vbHeight={17}
2783
2886
  vbWidth={16}
2784
2887
  width={16}
2785
2888
  >
2786
- <RNSVGGroup>
2889
+ <RNSVGGroup
2890
+ fill={
2891
+ {
2892
+ "payload": 4278190080,
2893
+ "type": 0,
2894
+ }
2895
+ }
2896
+ >
2787
2897
  <RNSVGPath
2788
2898
  d="M5.64418.97979c.23675-.63972 1.14156-.63972 1.37831 0l1.27772 3.45256a.73476.73476 0 0 0 .43411.43411l3.45258 1.27772c.6397.23675.6397 1.14156 0 1.37831L8.73432 8.80021a.73476.73476 0 0 0-.43411.43411L7.02249 12.6869c-.23675.6397-1.14156.6397-1.37831 0L4.36646 9.23432a.73476.73476 0 0 0-.43411-.43411L.47979 7.52249c-.63972-.23675-.63972-1.14156 0-1.37831l3.45256-1.27772a.73476.73476 0 0 0 .43411-.43411L5.64418.97979Zm6.65942 9.10601c.1246-.33665.6008-.33665.7255 0l.6724 1.8172a.38723.38723 0 0 0 .2285.2285l1.8172.6725c.3366.1246.3366.6008 0 .7254l-1.8172.6725a.3868.3868 0 0 0-.2285.2284l-.6724 1.8172c-.1247.3367-.6009.3367-.7255 0l-.6725-1.8172a.38638.38638 0 0 0-.2284-.2284l-1.81717-.6725c-.3367-.1246-.3367-.6008 0-.7254l1.81717-.6725a.3868.3868 0 0 0 .2284-.2285l.6725-1.8172Z"
2789
2899
  fill={
2790
- [
2791
- 2,
2792
- ]
2900
+ {
2901
+ "type": 2,
2902
+ }
2793
2903
  }
2794
2904
  propList={
2795
2905
  [
@@ -2846,6 +2956,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2846
2956
  }
2847
2957
  }
2848
2958
  >
2959
+ <View
2960
+ style={
2961
+ {
2962
+ "width": 8,
2963
+ }
2964
+ }
2965
+ />
2849
2966
  <Text
2850
2967
  allowFontScaling={false}
2851
2968
  color="blueIO-500"
@@ -2989,7 +3106,14 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2989
3106
  vbHeight={24}
2990
3107
  vbWidth={24}
2991
3108
  >
2992
- <RNSVGGroup>
3109
+ <RNSVGGroup
3110
+ fill={
3111
+ {
3112
+ "payload": 4278190080,
3113
+ "type": 0,
3114
+ }
3115
+ }
3116
+ >
2993
3117
  <RNSVGPath
2994
3118
  d="m7 12 4 4 7-7"
2995
3119
  fill={null}
@@ -3004,7 +3128,12 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
3004
3128
  "strokeLinejoin",
3005
3129
  ]
3006
3130
  }
3007
- stroke={4294967295}
3131
+ stroke={
3132
+ {
3133
+ "payload": 4294967295,
3134
+ "type": 0,
3135
+ }
3136
+ }
3008
3137
  strokeDasharray={null}
3009
3138
  strokeLinecap={1}
3010
3139
  strokeLinejoin={1}
@@ -3086,7 +3215,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3086
3215
  ]
3087
3216
  }
3088
3217
  >
3089
- <View>
3218
+ <View
3219
+ style={
3220
+ {
3221
+ "flexShrink": 1,
3222
+ }
3223
+ }
3224
+ >
3090
3225
  <Text
3091
3226
  allowFontScaling={false}
3092
3227
  color="black"
@@ -3099,6 +3234,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3099
3234
  "lineHeight": 21,
3100
3235
  }
3101
3236
  }
3237
+ numberOfLines={1}
3102
3238
  style={
3103
3239
  [
3104
3240
  {
@@ -3116,6 +3252,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3116
3252
  weight="SemiBold"
3117
3253
  >
3118
3254
  label
3255
+ con nome molto molto lungo
3119
3256
  </Text>
3120
3257
  </View>
3121
3258
  <View
@@ -3126,6 +3263,13 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3126
3263
  }
3127
3264
  }
3128
3265
  >
3266
+ <View
3267
+ style={
3268
+ {
3269
+ "width": 8,
3270
+ }
3271
+ }
3272
+ />
3129
3273
  <Text
3130
3274
  allowFontScaling={false}
3131
3275
  color="blueIO-500"
package/src/components/textInput/TextInputBase.tsx CHANGED
@@ -45,6 +45,7 @@ type InputTextProps = WithTestID<{
45
45
  isPassword?: boolean;
46
46
  onBlur?: () => void;
47
47
  onFocus?: () => void;
48
+ autoFocus?: boolean;
48
49
  }>;
49
50
 
50
51
  const inputMarginTop: IOSpacingScale = 8;
@@ -157,7 +158,8 @@ export const TextInputBase = ({
157
158
  bottomMessageColor,
158
159
  onBlur,
159
160
  onFocus,
160
- isPassword
161
+ isPassword,
162
+ autoFocus
161
163
  }: InputTextProps) => {
162
164
  const labelSharedValue = useSharedValue<boolean>(false);
163
165
  const [inputStatus, setInputStatus] = React.useState<InputStatus>(
@@ -302,6 +304,7 @@ export const TextInputBase = ({
302
304
  ? styles.textInputStyleFont
303
305
  : styles.textInputStyleLegacyFont
304
306
  ]}
307
+ autoFocus={autoFocus}
305
308
  />
306
309
  {/** Left value is due to the absolute position of the label in order to let it
307
310
  * translate to top on focus