@pagopa/io-app-design-system 1.29.0 → 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 (20) 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/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  5. package/lib/commonjs/components/textInput/TextInputBase.js +4 -2
  6. package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
  7. package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  8. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  9. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  10. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  11. package/lib/module/components/textInput/TextInputBase.js +4 -2
  12. package/lib/module/components/textInput/TextInputBase.js.map +1 -1
  13. package/lib/typescript/components/textInput/TextInputBase.d.ts +2 -1
  14. package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
  15. package/package.json +2 -2
  16. package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  17. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  18. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  19. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  20. 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={
@@ -1031,7 +1055,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1031
1055
  align="xMidYMid"
1032
1056
  bbHeight={16}
1033
1057
  bbWidth={16}
1034
- color={4283766755}
1035
1058
  focusable={false}
1036
1059
  height={16}
1037
1060
  importantForAccessibility="no-hide-descendants"
@@ -1054,18 +1077,25 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1054
1077
  },
1055
1078
  ]
1056
1079
  }
1057
- tintColor={4283766755}
1080
+ tintColor="#5517E3"
1058
1081
  vbHeight={17}
1059
1082
  vbWidth={16}
1060
1083
  width={16}
1061
1084
  >
1062
- <RNSVGGroup>
1085
+ <RNSVGGroup
1086
+ fill={
1087
+ {
1088
+ "payload": 4278190080,
1089
+ "type": 0,
1090
+ }
1091
+ }
1092
+ >
1063
1093
  <RNSVGPath
1064
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"
1065
1095
  fill={
1066
- [
1067
- 2,
1068
- ]
1096
+ {
1097
+ "type": 2,
1098
+ }
1069
1099
  }
1070
1100
  propList={
1071
1101
  [
@@ -1272,7 +1302,14 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1272
1302
  vbHeight={24}
1273
1303
  vbWidth={24}
1274
1304
  >
1275
- <RNSVGGroup>
1305
+ <RNSVGGroup
1306
+ fill={
1307
+ {
1308
+ "payload": 4278190080,
1309
+ "type": 0,
1310
+ }
1311
+ }
1312
+ >
1276
1313
  <RNSVGPath
1277
1314
  d="m7 12 4 4 7-7"
1278
1315
  fill={null}
@@ -1287,7 +1324,12 @@ exports[`Test List Item Components - Experimental Enabled ListItemRadioWithAmou
1287
1324
  "strokeLinejoin",
1288
1325
  ]
1289
1326
  }
1290
- stroke={4294967295}
1327
+ stroke={
1328
+ {
1329
+ "payload": 4294967295,
1330
+ "type": 0,
1331
+ }
1332
+ }
1291
1333
  strokeDasharray={null}
1292
1334
  strokeLinecap={1}
1293
1335
  strokeLinejoin={1}
@@ -2209,7 +2251,6 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2209
2251
  align="xMidYMid"
2210
2252
  bbHeight={24}
2211
2253
  bbWidth={24}
2212
- color={4278219750}
2213
2254
  focusable={false}
2214
2255
  height={24}
2215
2256
  importantForAccessibility="no-hide-descendants"
@@ -2232,19 +2273,26 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
2232
2273
  },
2233
2274
  ]
2234
2275
  }
2235
- tintColor={4278219750}
2276
+ tintColor="#0073E6"
2236
2277
  vbHeight={24}
2237
2278
  vbWidth={24}
2238
2279
  width={24}
2239
2280
  >
2240
- <RNSVGGroup>
2281
+ <RNSVGGroup
2282
+ fill={
2283
+ {
2284
+ "payload": 4278190080,
2285
+ "type": 0,
2286
+ }
2287
+ }
2288
+ >
2241
2289
  <RNSVGPath
2242
2290
  clipRule={0}
2243
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"
2244
2292
  fill={
2245
- [
2246
- 2,
2247
- ]
2293
+ {
2294
+ "type": 2,
2295
+ }
2248
2296
  }
2249
2297
  fillRule={0}
2250
2298
  propList={
@@ -2380,7 +2428,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2380
2428
  align="xMidYMid"
2381
2429
  bbHeight={24}
2382
2430
  bbWidth={24}
2383
- color={4278219750}
2384
2431
  focusable={false}
2385
2432
  height={24}
2386
2433
  importantForAccessibility="no-hide-descendants"
@@ -2403,19 +2450,26 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
2403
2450
  },
2404
2451
  ]
2405
2452
  }
2406
- tintColor={4278219750}
2453
+ tintColor="#0073E6"
2407
2454
  vbHeight={24}
2408
2455
  vbWidth={24}
2409
2456
  width={24}
2410
2457
  >
2411
- <RNSVGGroup>
2458
+ <RNSVGGroup
2459
+ fill={
2460
+ {
2461
+ "payload": 4278190080,
2462
+ "type": 0,
2463
+ }
2464
+ }
2465
+ >
2412
2466
  <RNSVGPath
2413
2467
  clipRule={0}
2414
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"
2415
2469
  fill={
2416
- [
2417
- 2,
2418
- ]
2470
+ {
2471
+ "type": 2,
2472
+ }
2419
2473
  }
2420
2474
  fillRule={0}
2421
2475
  propList={
@@ -2513,7 +2567,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2513
2567
  align="xMidYMid"
2514
2568
  bbHeight={24}
2515
2569
  bbWidth={24}
2516
- color={4294862438}
2517
2570
  focusable={false}
2518
2571
  height={24}
2519
2572
  importantForAccessibility="no-hide-descendants"
@@ -2536,19 +2589,26 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2536
2589
  },
2537
2590
  ]
2538
2591
  }
2539
- tintColor={4294862438}
2592
+ tintColor="#FE6666"
2540
2593
  vbHeight={24}
2541
2594
  vbWidth={24}
2542
2595
  width={24}
2543
2596
  >
2544
- <RNSVGGroup>
2597
+ <RNSVGGroup
2598
+ fill={
2599
+ {
2600
+ "payload": 4278190080,
2601
+ "type": 0,
2602
+ }
2603
+ }
2604
+ >
2545
2605
  <RNSVGPath
2546
2606
  clipRule={0}
2547
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"
2548
2608
  fill={
2549
- [
2550
- 2,
2551
- ]
2609
+ {
2610
+ "type": 2,
2611
+ }
2552
2612
  }
2553
2613
  fillRule={0}
2554
2614
  propList={
@@ -2613,7 +2673,6 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2613
2673
  align="xMidYMid"
2614
2674
  bbHeight={24}
2615
2675
  bbWidth={24}
2616
- color={4278219750}
2617
2676
  focusable={false}
2618
2677
  height={24}
2619
2678
  importantForAccessibility="no-hide-descendants"
@@ -2636,19 +2695,26 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
2636
2695
  },
2637
2696
  ]
2638
2697
  }
2639
- tintColor={4278219750}
2698
+ tintColor="#0073E6"
2640
2699
  vbHeight={24}
2641
2700
  vbWidth={24}
2642
2701
  width={24}
2643
2702
  >
2644
- <RNSVGGroup>
2703
+ <RNSVGGroup
2704
+ fill={
2705
+ {
2706
+ "payload": 4278190080,
2707
+ "type": 0,
2708
+ }
2709
+ }
2710
+ >
2645
2711
  <RNSVGPath
2646
2712
  clipRule={0}
2647
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"
2648
2714
  fill={
2649
- [
2650
- 2,
2651
- ]
2715
+ {
2716
+ "type": 2,
2717
+ }
2652
2718
  }
2653
2719
  fillRule={0}
2654
2720
  propList={
@@ -2793,7 +2859,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2793
2859
  align="xMidYMid"
2794
2860
  bbHeight={16}
2795
2861
  bbWidth={16}
2796
- color={4283766755}
2797
2862
  focusable={false}
2798
2863
  height={16}
2799
2864
  importantForAccessibility="no-hide-descendants"
@@ -2816,18 +2881,25 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2816
2881
  },
2817
2882
  ]
2818
2883
  }
2819
- tintColor={4283766755}
2884
+ tintColor="#5517E3"
2820
2885
  vbHeight={17}
2821
2886
  vbWidth={16}
2822
2887
  width={16}
2823
2888
  >
2824
- <RNSVGGroup>
2889
+ <RNSVGGroup
2890
+ fill={
2891
+ {
2892
+ "payload": 4278190080,
2893
+ "type": 0,
2894
+ }
2895
+ }
2896
+ >
2825
2897
  <RNSVGPath
2826
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"
2827
2899
  fill={
2828
- [
2829
- 2,
2830
- ]
2900
+ {
2901
+ "type": 2,
2902
+ }
2831
2903
  }
2832
2904
  propList={
2833
2905
  [
@@ -3034,7 +3106,14 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
3034
3106
  vbHeight={24}
3035
3107
  vbWidth={24}
3036
3108
  >
3037
- <RNSVGGroup>
3109
+ <RNSVGGroup
3110
+ fill={
3111
+ {
3112
+ "payload": 4278190080,
3113
+ "type": 0,
3114
+ }
3115
+ }
3116
+ >
3038
3117
  <RNSVGPath
3039
3118
  d="m7 12 4 4 7-7"
3040
3119
  fill={null}
@@ -3049,7 +3128,12 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
3049
3128
  "strokeLinejoin",
3050
3129
  ]
3051
3130
  }
3052
- stroke={4294967295}
3131
+ stroke={
3132
+ {
3133
+ "payload": 4294967295,
3134
+ "type": 0,
3135
+ }
3136
+ }
3053
3137
  strokeDasharray={null}
3054
3138
  strokeLinecap={1}
3055
3139
  strokeLinejoin={1}
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