@incodetech/web 0.0.0-dev-20260311-e1ad562 → 0.0.0-dev-20260311-b46342c

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 (38) hide show
  1. package/dist/{Trans-CrErI8VP.js → Trans-BnPbhF6c.js} +1 -1
  2. package/dist/authentication/authentication.es.js +3 -3
  3. package/dist/base.css +0 -8
  4. package/dist/{baseTutorial-aGGpS1V_.js → baseTutorial-Bn8cRFCG.js} +6 -6
  5. package/dist/{captureFooter-BVLebxk_.js → captureFooter-qhkTSzDA.js} +1 -1
  6. package/dist/{chevronDown-DL5WsjxS.js → chevronDown-BZNPUs4a.js} +1 -1
  7. package/dist/{closeIcon-DmhdnnpJ.js → closeIcon-B5HxSoNj.js} +1 -1
  8. package/dist/curp-validation/curp-validation.es.js +6 -6
  9. package/dist/{dateInputComposed-BvBQiMdN.js → dateInputComposed-Badm2Tzx.js} +2 -2
  10. package/dist/document-capture/styles.css +2 -1
  11. package/dist/{documentCapture-C3vAq9ev.js → documentCapture-ChFrtfzB.js} +6 -6
  12. package/dist/{documentUpload-BBr5ijea.js → documentUpload-UPORl1Y5.js} +3 -3
  13. package/dist/{dropdownComposed-BjDHcYMb.js → dropdownComposed-DgA0fNAh.js} +4 -4
  14. package/dist/{ekybModule-DTkcoFN0.js → ekybModule-C0QO-CSj.js} +4 -4
  15. package/dist/{ekycModule-D5EJaj53.js → ekycModule-DlnEKSR8.js} +5 -5
  16. package/dist/email/email.es.js +3 -3
  17. package/dist/{errorContent-CiicsyRN.js → errorContent-BMXamgg9.js} +4 -4
  18. package/dist/{faceMatch-CiZ8QEzy.js → faceMatch-DXcWwP9u.js} +2 -2
  19. package/dist/flow/flow.es.js +8 -8
  20. package/dist/flow/styles.css +4 -3
  21. package/dist/geolocation/geolocation.es.js +3 -3
  22. package/dist/governmentValidation/governmentValidation.es.js +6 -6
  23. package/dist/id/id.es.js +6 -6
  24. package/dist/id/styles.css +2 -2
  25. package/dist/{incodeModule-DAveRAyZ.js → incodeModule-7zNv7YeX.js} +0 -3
  26. package/dist/{otpInput-CoMOmDGR.js → otpInput-DWZ7I1PN.js} +1 -1
  27. package/dist/{page-CcgnVEBJ.js → page-Bdz8JP3P.js} +1 -1
  28. package/dist/phone/phone.es.js +4 -4
  29. package/dist/{processing-C-wThMBe.js → processing-D6kl543t.js} +2 -2
  30. package/dist/selfie/selfie.es.js +4 -4
  31. package/dist/{spinner-IY4lPK0V.js → spinner-BknkxcID.js} +1 -1
  32. package/dist/{successIcon-BXW0lXvd.js → successIcon-BPe0Wymn.js} +1 -1
  33. package/dist/themes/dark.css +45 -37
  34. package/dist/themes/light.css +37 -29
  35. package/dist/{tutorial-DA8R46NX.js → tutorial-BLmXLzBL.js} +42 -36
  36. package/dist/{verificationResult-B51cgPGU.js → verificationResult-DNP30nAT.js} +5 -5
  37. package/dist/{warningIcon-CsSoiruR.js → warningIcon-C9TCAUlH.js} +1 -1
  38. package/package.json +2 -2
package/dist/themes/dark.css CHANGED
@@ -6,11 +6,15 @@
6
6
  --primitive-color-gray-0-80: rgba(255, 255, 255, 0.8);
7
7
  --primitive-color-gray-50: #fcfcfd;
8
8
  --primitive-color-gray-100: #ebecef;
9
+ --primitive-color-gray-150: #d9dae1;
9
10
  --primitive-color-gray-200: #c6c8d2;
11
+ --primitive-color-gray-250: #b5b8c5;
10
12
  --primitive-color-gray-300: #a3a8b8;
11
13
  --primitive-color-gray-400: #82879a;
12
14
  --primitive-color-gray-500: #60667c;
15
+ --primitive-color-gray-600: #4d5264;
13
16
  --primitive-color-gray-700: #3a3e4b;
17
+ --primitive-color-gray-750: #30333e;
14
18
  --primitive-color-gray-800: #262831;
15
19
  --primitive-color-gray-900: #14151a;
16
20
  --primitive-color-gray-900-80: rgba(20, 21, 26, 0.8);
@@ -20,6 +24,7 @@
20
24
  /* Color / Brand */
21
25
 
22
26
  --primitive-color-brand-50: #e5f0ff;
27
+ --primitive-color-brand-100: #bfdfff;
23
28
  --primitive-color-brand-200: #99ceff;
24
29
  --primitive-color-brand-300: #66a6ff;
25
30
  --primitive-color-brand-400: #3388ff;
@@ -40,24 +45,28 @@
40
45
  /* Color / Positive */
41
46
 
42
47
  --primitive-color-positive-50: #e4fbf0;
43
- --primitive-color-positive-600: #189f60;
44
- --primitive-color-positive-800: #0c5030;
48
+ --primitive-color-positive-400: #45b380;
49
+ --primitive-color-positive-500: #189f60;
50
+ --primitive-color-positive-750: #0c5030;
51
+ --primitive-color-positive-950: #03190e;
45
52
 
46
53
  /* Color / Warning */
47
54
 
48
55
  --primitive-color-warning-50: #fff7eb;
49
56
  --primitive-color-warning-400: #ffb647;
50
57
  --primitive-color-warning-500: #ff9900;
51
- --primitive-color-warning-950: #523100;
58
+ --primitive-color-warning-750: #523100;
59
+ --primitive-color-warning-950: #271400;
52
60
 
53
61
  /* Color / Negative */
54
62
 
55
63
  --primitive-color-negative-50: #fff0f0;
56
- --primitive-color-negative-500: #ff5a5f;
57
- --primitive-color-negative-600: #e71111;
64
+ --primitive-color-negative-400: #ff5a5f;
65
+ --primitive-color-negative-500: #e71111;
58
66
  --primitive-color-negative-950: #240001;
59
67
 
60
68
  /* Typography / Family */
69
+
61
70
  --primitive-typography-family-rethink-sans: 'Rethink Sans';
62
71
  --primitive-typography-family-dm-sans: 'DM Sans';
63
72
 
@@ -76,7 +85,6 @@
76
85
 
77
86
  /* Typography / Weight */
78
87
 
79
- --primitive-typography-weight-thin: 300;
80
88
  --primitive-typography-weight-regular: 400;
81
89
  --primitive-typography-weight-medium: 500;
82
90
  --primitive-typography-weight-semibold: 600;
@@ -86,16 +94,20 @@
86
94
  /* Typography / Letter Spacing */
87
95
 
88
96
  --primitive-typography-letter-spacing-0: 0px;
97
+ --primitive-typography-letter-spacing-2: 2px;
89
98
  --primitive-typography-letter-spacing-minus-0-5: -0.5px;
90
99
  --primitive-typography-letter-spacing-minus-1: -1px;
91
100
  --primitive-typography-letter-spacing-minus-1-5: -1.5px;
92
101
 
93
102
  /* Typography / Line Height */
94
103
 
104
+ --primitive-typography-line-height-100: 1;
105
+ --primitive-typography-line-height-105: 1.05;
95
106
  --primitive-typography-line-height-110: 1.1;
96
- --primitive-typography-line-height-114: 1.14;
97
107
  --primitive-typography-line-height-115: 1.15;
98
108
  --primitive-typography-line-height-120: 1.2;
109
+ --primitive-typography-line-height-125: 1.25;
110
+ --primitive-typography-line-height-130: 1.3;
99
111
 
100
112
  /* Border / Width */
101
113
 
@@ -125,7 +137,6 @@
125
137
  --primitive-scale-16: 16px;
126
138
  --primitive-scale-20: 20px;
127
139
  --primitive-scale-24: 24px;
128
- --primitive-scale-28: 28px;
129
140
  --primitive-scale-32: 32px;
130
141
  --primitive-scale-40: 40px;
131
142
  --primitive-scale-48: 48px;
@@ -138,7 +149,6 @@
138
149
  --primitive-scale-104: 104px;
139
150
  --primitive-scale-120: 120px;
140
151
  --primitive-scale-128: 128px;
141
- --primitive-scale-160: 160px;
142
152
  --primitive-scale-200: 200px;
143
153
  }
144
154
  :root,
@@ -170,7 +180,6 @@
170
180
  --spacing-16: var(--primitive-scale-16);
171
181
  --spacing-20: var(--primitive-scale-20);
172
182
  --spacing-24: var(--primitive-scale-24);
173
- --spacing-28: var(--primitive-scale-28);
174
183
  --spacing-32: var(--primitive-scale-32);
175
184
  --spacing-40: var(--primitive-scale-40);
176
185
  --spacing-48: var(--primitive-scale-48);
@@ -179,7 +188,6 @@
179
188
  --spacing-96: var(--primitive-scale-96);
180
189
  --spacing-104: var(--primitive-scale-104);
181
190
  --spacing-120: var(--primitive-scale-120);
182
- --spacing-160: var(--primitive-scale-160);
183
191
  --spacing-200: var(--primitive-scale-200);
184
192
 
185
193
  /* Icon / Size */
@@ -310,7 +318,7 @@
310
318
 
311
319
  --typography-tooltip-size: var(--primitive-typography-size-16);
312
320
  --typography-tooltip-weight: var(--primitive-typography-weight-medium);
313
- --typography-tooltip-line-height: var(--primitive-typography-line-height-114);
321
+ --typography-tooltip-line-height: var(--primitive-typography-line-height-115);
314
322
  --typography-tooltip-letter-spacing: var(
315
323
  --primitive-typography-letter-spacing-minus-0-5
316
324
  );
@@ -348,17 +356,17 @@
348
356
  /* Surface / Status */
349
357
 
350
358
  --surface-status-negative-50: var(--primitive-color-negative-50);
351
- --surface-status-negative-500: var(--primitive-color-negative-600);
352
- --surface-status-negative-600: var(--primitive-color-negative-600);
353
- --surface-error-500: var(--primitive-color-negative-600);
359
+ --surface-status-negative-500: var(--primitive-color-negative-500);
360
+ --surface-status-negative-600: var(--primitive-color-negative-500);
361
+ --surface-error-500: var(--primitive-color-negative-500);
354
362
 
355
363
  --surface-status-warning-50: var(--primitive-color-warning-50);
356
364
  --surface-status-warning-500: var(--primitive-color-warning-500);
357
365
 
358
366
  --surface-status-positive-50: var(--primitive-color-positive-50);
359
- --surface-status-positive-500: var(--primitive-color-positive-600);
360
- --surface-status-positive-600: var(--primitive-color-positive-600);
361
- --surface-status-positive-600-static: var(--primitive-color-positive-600);
367
+ --surface-status-positive-500: var(--primitive-color-positive-500);
368
+ --surface-status-positive-600: var(--primitive-color-positive-500);
369
+ --surface-status-positive-600-static: var(--primitive-color-positive-500);
362
370
 
363
371
  /* Icon / Neutral */
364
372
 
@@ -379,10 +387,10 @@
379
387
 
380
388
  /* Icon / Status */
381
389
 
382
- --icon-status-negative: var(--primitive-color-negative-600);
390
+ --icon-status-negative: var(--primitive-color-negative-500);
383
391
  --icon-status-warning: var(--primitive-color-warning-500);
384
- --icon-status-positive: var(--primitive-color-positive-600);
385
- --icon-status-positive-static: var(--primitive-color-positive-600);
392
+ --icon-status-positive: var(--primitive-color-positive-500);
393
+ --icon-status-positive-static: var(--primitive-color-positive-500);
386
394
 
387
395
  /* Border / Neutral */
388
396
 
@@ -400,10 +408,10 @@
400
408
 
401
409
  /* Border / Status */
402
410
 
403
- --border-status-negative: var(--primitive-color-negative-600);
411
+ --border-status-negative: var(--primitive-color-negative-500);
404
412
  --border-status-warning: var(--primitive-color-warning-500);
405
- --border-status-positive: var(--primitive-color-positive-600);
406
- --border-status-positive-static: var(--primitive-color-positive-600);
413
+ --border-status-positive: var(--primitive-color-positive-500);
414
+ --border-status-positive-static: var(--primitive-color-positive-500);
407
415
  --border-status-focus: var(--primitive-color-focus-500);
408
416
 
409
417
  /* Text / Body */
@@ -434,10 +442,10 @@
434
442
 
435
443
  /* Text / Status */
436
444
 
437
- --text-status-negative: var(--primitive-color-negative-600);
445
+ --text-status-negative: var(--primitive-color-negative-500);
438
446
  --text-status-warning: var(--primitive-color-warning-500);
439
- --text-status-positive: var(--primitive-color-positive-600);
440
- --text-status-positive-static: var(--primitive-color-positive-600);
447
+ --text-status-positive: var(--primitive-color-positive-500);
448
+ --text-status-positive-static: var(--primitive-color-positive-500);
441
449
 
442
450
  /* Text / Tooltip */
443
451
 
@@ -474,8 +482,8 @@
474
482
  --surface-status-warning-50: var(--primitive-color-warning-950);
475
483
  --surface-status-warning-500: var(--primitive-color-warning-400);
476
484
 
477
- --surface-status-positive-50: var(--primitive-color-positive-800);
478
- --surface-status-positive-500: var(--primitive-color-positive-600);
485
+ --surface-status-positive-50: var(--primitive-color-positive-750);
486
+ --surface-status-positive-500: var(--primitive-color-positive-500);
479
487
 
480
488
  /* Icon / Neutral */
481
489
 
@@ -734,8 +742,8 @@
734
742
  --surface-status-warning-50: var(--primitive-color-warning-950);
735
743
  --surface-status-warning-500: var(--primitive-color-warning-400);
736
744
 
737
- --surface-status-positive-50: var(--primitive-color-positive-800);
738
- --surface-status-positive-600-static: var(--primitive-color-positive-600);
745
+ --surface-status-positive-50: var(--primitive-color-positive-750);
746
+ --surface-status-positive-600-static: var(--primitive-color-positive-500);
739
747
 
740
748
  /* Icon / Neutral */
741
749
 
@@ -758,8 +766,8 @@
758
766
 
759
767
  --icon-status-negative: var(--primitive-color-negative-500);
760
768
  --icon-status-warning: var(--primitive-color-warning-400);
761
- --icon-status-positive: var(--primitive-color-positive-600);
762
- --icon-status-positive-static: var(--primitive-color-positive-600);
769
+ --icon-status-positive: var(--primitive-color-positive-500);
770
+ --icon-status-positive-static: var(--primitive-color-positive-500);
763
771
 
764
772
  /* Border / Neutral */
765
773
 
@@ -777,8 +785,8 @@
777
785
 
778
786
  --border-status-negative: var(--primitive-color-negative-500);
779
787
  --border-status-warning: var(--primitive-color-warning-400);
780
- --border-status-positive: var(--primitive-color-positive-600);
781
- --border-status-positive-static: var(--primitive-color-positive-600);
788
+ --border-status-positive: var(--primitive-color-positive-500);
789
+ --border-status-positive-static: var(--primitive-color-positive-500);
782
790
  --border-status-focus: var(--primitive-color-focus-400);
783
791
 
784
792
  /* Text / Body */
@@ -810,6 +818,6 @@
810
818
 
811
819
  --text-status-negative: var(--primitive-color-negative-500);
812
820
  --text-status-warning: var(--primitive-color-warning-400);
813
- --text-status-positive: var(--primitive-color-positive-600);
814
- --text-status-positive-static: var(--primitive-color-positive-600);
821
+ --text-status-positive: var(--primitive-color-positive-500);
822
+ --text-status-positive-static: var(--primitive-color-positive-500);
815
823
  }
package/dist/themes/light.css CHANGED
@@ -6,11 +6,15 @@
6
6
  --primitive-color-gray-0-80: rgba(255, 255, 255, 0.8);
7
7
  --primitive-color-gray-50: #fcfcfd;
8
8
  --primitive-color-gray-100: #ebecef;
9
+ --primitive-color-gray-150: #d9dae1;
9
10
  --primitive-color-gray-200: #c6c8d2;
11
+ --primitive-color-gray-250: #b5b8c5;
10
12
  --primitive-color-gray-300: #a3a8b8;
11
13
  --primitive-color-gray-400: #82879a;
12
14
  --primitive-color-gray-500: #60667c;
15
+ --primitive-color-gray-600: #4d5264;
13
16
  --primitive-color-gray-700: #3a3e4b;
17
+ --primitive-color-gray-750: #30333e;
14
18
  --primitive-color-gray-800: #262831;
15
19
  --primitive-color-gray-900: #14151a;
16
20
  --primitive-color-gray-900-80: rgba(20, 21, 26, 0.8);
@@ -20,6 +24,7 @@
20
24
  /* Color / Brand */
21
25
 
22
26
  --primitive-color-brand-50: #e5f0ff;
27
+ --primitive-color-brand-100: #bfdfff;
23
28
  --primitive-color-brand-200: #99ceff;
24
29
  --primitive-color-brand-300: #66a6ff;
25
30
  --primitive-color-brand-400: #3388ff;
@@ -40,24 +45,28 @@
40
45
  /* Color / Positive */
41
46
 
42
47
  --primitive-color-positive-50: #e4fbf0;
43
- --primitive-color-positive-600: #189f60;
44
- --primitive-color-positive-800: #0c5030;
48
+ --primitive-color-positive-400: #45b380;
49
+ --primitive-color-positive-500: #189f60;
50
+ --primitive-color-positive-750: #0c5030;
51
+ --primitive-color-positive-950: #03190e;
45
52
 
46
53
  /* Color / Warning */
47
54
 
48
55
  --primitive-color-warning-50: #fff7eb;
49
56
  --primitive-color-warning-400: #ffb647;
50
57
  --primitive-color-warning-500: #ff9900;
51
- --primitive-color-warning-950: #523100;
58
+ --primitive-color-warning-750: #523100;
59
+ --primitive-color-warning-950: #271400;
52
60
 
53
61
  /* Color / Negative */
54
62
 
55
63
  --primitive-color-negative-50: #fff0f0;
56
- --primitive-color-negative-500: #ff5a5f;
57
- --primitive-color-negative-600: #e71111;
64
+ --primitive-color-negative-400: #ff5a5f;
65
+ --primitive-color-negative-500: #e71111;
58
66
  --primitive-color-negative-950: #240001;
59
67
 
60
68
  /* Typography / Family */
69
+
61
70
  --primitive-typography-family-rethink-sans: 'Rethink Sans';
62
71
  --primitive-typography-family-dm-sans: 'DM Sans';
63
72
 
@@ -76,7 +85,6 @@
76
85
 
77
86
  /* Typography / Weight */
78
87
 
79
- --primitive-typography-weight-thin: 300;
80
88
  --primitive-typography-weight-regular: 400;
81
89
  --primitive-typography-weight-medium: 500;
82
90
  --primitive-typography-weight-semibold: 600;
@@ -86,16 +94,20 @@
86
94
  /* Typography / Letter Spacing */
87
95
 
88
96
  --primitive-typography-letter-spacing-0: 0px;
97
+ --primitive-typography-letter-spacing-2: 2px;
89
98
  --primitive-typography-letter-spacing-minus-0-5: -0.5px;
90
99
  --primitive-typography-letter-spacing-minus-1: -1px;
91
100
  --primitive-typography-letter-spacing-minus-1-5: -1.5px;
92
101
 
93
102
  /* Typography / Line Height */
94
103
 
104
+ --primitive-typography-line-height-100: 1;
105
+ --primitive-typography-line-height-105: 1.05;
95
106
  --primitive-typography-line-height-110: 1.1;
96
- --primitive-typography-line-height-114: 1.14;
97
107
  --primitive-typography-line-height-115: 1.15;
98
108
  --primitive-typography-line-height-120: 1.2;
109
+ --primitive-typography-line-height-125: 1.25;
110
+ --primitive-typography-line-height-130: 1.3;
99
111
 
100
112
  /* Border / Width */
101
113
 
@@ -125,7 +137,6 @@
125
137
  --primitive-scale-16: 16px;
126
138
  --primitive-scale-20: 20px;
127
139
  --primitive-scale-24: 24px;
128
- --primitive-scale-28: 28px;
129
140
  --primitive-scale-32: 32px;
130
141
  --primitive-scale-40: 40px;
131
142
  --primitive-scale-48: 48px;
@@ -138,7 +149,6 @@
138
149
  --primitive-scale-104: 104px;
139
150
  --primitive-scale-120: 120px;
140
151
  --primitive-scale-128: 128px;
141
- --primitive-scale-160: 160px;
142
152
  --primitive-scale-200: 200px;
143
153
  }
144
154
  :root,
@@ -170,7 +180,6 @@
170
180
  --spacing-16: var(--primitive-scale-16);
171
181
  --spacing-20: var(--primitive-scale-20);
172
182
  --spacing-24: var(--primitive-scale-24);
173
- --spacing-28: var(--primitive-scale-28);
174
183
  --spacing-32: var(--primitive-scale-32);
175
184
  --spacing-40: var(--primitive-scale-40);
176
185
  --spacing-48: var(--primitive-scale-48);
@@ -179,7 +188,6 @@
179
188
  --spacing-96: var(--primitive-scale-96);
180
189
  --spacing-104: var(--primitive-scale-104);
181
190
  --spacing-120: var(--primitive-scale-120);
182
- --spacing-160: var(--primitive-scale-160);
183
191
  --spacing-200: var(--primitive-scale-200);
184
192
 
185
193
  /* Icon / Size */
@@ -310,7 +318,7 @@
310
318
 
311
319
  --typography-tooltip-size: var(--primitive-typography-size-16);
312
320
  --typography-tooltip-weight: var(--primitive-typography-weight-medium);
313
- --typography-tooltip-line-height: var(--primitive-typography-line-height-114);
321
+ --typography-tooltip-line-height: var(--primitive-typography-line-height-115);
314
322
  --typography-tooltip-letter-spacing: var(
315
323
  --primitive-typography-letter-spacing-minus-0-5
316
324
  );
@@ -348,17 +356,17 @@
348
356
  /* Surface / Status */
349
357
 
350
358
  --surface-status-negative-50: var(--primitive-color-negative-50);
351
- --surface-status-negative-500: var(--primitive-color-negative-600);
352
- --surface-status-negative-600: var(--primitive-color-negative-600);
353
- --surface-error-500: var(--primitive-color-negative-600);
359
+ --surface-status-negative-500: var(--primitive-color-negative-500);
360
+ --surface-status-negative-600: var(--primitive-color-negative-500);
361
+ --surface-error-500: var(--primitive-color-negative-500);
354
362
 
355
363
  --surface-status-warning-50: var(--primitive-color-warning-50);
356
364
  --surface-status-warning-500: var(--primitive-color-warning-500);
357
365
 
358
366
  --surface-status-positive-50: var(--primitive-color-positive-50);
359
- --surface-status-positive-500: var(--primitive-color-positive-600);
360
- --surface-status-positive-600: var(--primitive-color-positive-600);
361
- --surface-status-positive-600-static: var(--primitive-color-positive-600);
367
+ --surface-status-positive-500: var(--primitive-color-positive-500);
368
+ --surface-status-positive-600: var(--primitive-color-positive-500);
369
+ --surface-status-positive-600-static: var(--primitive-color-positive-500);
362
370
 
363
371
  /* Icon / Neutral */
364
372
 
@@ -379,10 +387,10 @@
379
387
 
380
388
  /* Icon / Status */
381
389
 
382
- --icon-status-negative: var(--primitive-color-negative-600);
390
+ --icon-status-negative: var(--primitive-color-negative-500);
383
391
  --icon-status-warning: var(--primitive-color-warning-500);
384
- --icon-status-positive: var(--primitive-color-positive-600);
385
- --icon-status-positive-static: var(--primitive-color-positive-600);
392
+ --icon-status-positive: var(--primitive-color-positive-500);
393
+ --icon-status-positive-static: var(--primitive-color-positive-500);
386
394
 
387
395
  /* Border / Neutral */
388
396
 
@@ -400,10 +408,10 @@
400
408
 
401
409
  /* Border / Status */
402
410
 
403
- --border-status-negative: var(--primitive-color-negative-600);
411
+ --border-status-negative: var(--primitive-color-negative-500);
404
412
  --border-status-warning: var(--primitive-color-warning-500);
405
- --border-status-positive: var(--primitive-color-positive-600);
406
- --border-status-positive-static: var(--primitive-color-positive-600);
413
+ --border-status-positive: var(--primitive-color-positive-500);
414
+ --border-status-positive-static: var(--primitive-color-positive-500);
407
415
  --border-status-focus: var(--primitive-color-focus-500);
408
416
 
409
417
  /* Text / Body */
@@ -434,10 +442,10 @@
434
442
 
435
443
  /* Text / Status */
436
444
 
437
- --text-status-negative: var(--primitive-color-negative-600);
445
+ --text-status-negative: var(--primitive-color-negative-500);
438
446
  --text-status-warning: var(--primitive-color-warning-500);
439
- --text-status-positive: var(--primitive-color-positive-600);
440
- --text-status-positive-static: var(--primitive-color-positive-600);
447
+ --text-status-positive: var(--primitive-color-positive-500);
448
+ --text-status-positive-static: var(--primitive-color-positive-500);
441
449
 
442
450
  /* Text / Tooltip */
443
451
 
@@ -474,8 +482,8 @@
474
482
  --surface-status-warning-50: var(--primitive-color-warning-950);
475
483
  --surface-status-warning-500: var(--primitive-color-warning-400);
476
484
 
477
- --surface-status-positive-50: var(--primitive-color-positive-800);
478
- --surface-status-positive-500: var(--primitive-color-positive-600);
485
+ --surface-status-positive-50: var(--primitive-color-positive-750);
486
+ --surface-status-positive-500: var(--primitive-color-positive-500);
479
487
 
480
488
  /* Icon / Neutral */
481
489
 
package/dist/{tutorial-DA8R46NX.js → tutorial-BLmXLzBL.js} RENAMED
@@ -1,12 +1,12 @@
1
- import { b as d, u as t, c as S, B as T, S as c, L as D } from "./incodeModule-DAveRAyZ.js";
1
+ import { b as d, u as t, c as S, B as T, S as s, L as D } from "./incodeModule-7zNv7YeX.js";
2
2
  import { g as h, d as f, k as _, A as I, y as g } from "./vendor-preact-DP-hbKuj.js";
3
3
  import "./uiConfig-B8PUPgHY.js";
4
- import { S as L } from "./successIcon-BXW0lXvd.js";
5
- import { P as E } from "./page-CcgnVEBJ.js";
6
- import { S as m, T as v } from "./spinner-IY4lPK0V.js";
7
- import { E as A } from "./errorContent-CiicsyRN.js";
8
- import { B as N } from "./baseTutorial-aGGpS1V_.js";
9
- const a = {
4
+ import { S as L } from "./successIcon-BPe0Wymn.js";
5
+ import { P as E } from "./page-Bdz8JP3P.js";
6
+ import { S as m, T as v } from "./spinner-BknkxcID.js";
7
+ import { E as A } from "./errorContent-BMXamgg9.js";
8
+ import { B as N } from "./baseTutorial-Bn8cRFCG.js";
9
+ const c = {
10
10
  title: "Something went wrong",
11
11
  description: "Please try again later"
12
12
  }, B = {
@@ -42,13 +42,13 @@ const a = {
42
42
  title: "notifications.multiple",
43
43
  description: "notifications.multipleDescription"
44
44
  },
45
- TOO_BLURRY_ERROR: a,
46
- TOO_DARK_ERROR: a,
47
- SERVER_ERROR: a,
48
- FACE_CROPPING_FAILED: a,
49
- FACE_TOO_SMALL: a,
50
- PROCESSING_ERROR: a,
51
- BAD_REQUEST: a,
45
+ TOO_BLURRY_ERROR: c,
46
+ TOO_DARK_ERROR: c,
47
+ SERVER_ERROR: c,
48
+ FACE_CROPPING_FAILED: c,
49
+ FACE_TOO_SMALL: c,
50
+ PROCESSING_ERROR: c,
51
+ BAD_REQUEST: c,
52
52
  USER_IS_NOT_RECOGNIZED: {
53
53
  title: "notifications.accessDenied",
54
54
  description: "notifications.accessDeniedDescription"
@@ -142,7 +142,7 @@ const a = {
142
142
  }) => {
143
143
  const { t: o } = d();
144
144
  if (!e) return null;
145
- const l = M(e) ?? e, { title: s, description: u } = B[l] ?? a, p = o(s) ?? s, C = i <= 0 ? o("notifications.selfieCaptureFailedDescription") : o(u);
145
+ const l = M(e) ?? e, { title: a, description: u } = B[l] ?? c, p = o(a) ?? a, C = i <= 0 ? o("notifications.selfieCaptureFailedDescription") : o(u);
146
146
  return /* @__PURE__ */ t(
147
147
  A,
148
148
  {
@@ -314,7 +314,7 @@ const a = {
314
314
  stream: o,
315
315
  detectionStatus: r,
316
316
  attemptsRemaining: l,
317
- uploadError: s,
317
+ uploadError: a,
318
318
  assistedOnboarding: u
319
319
  } = i, [p, C] = f(!1), { t: R } = d();
320
320
  return n === "initializing" ? /* @__PURE__ */ t(
@@ -325,17 +325,17 @@ const a = {
325
325
  className: "IncodeCameraLoading"
326
326
  }
327
327
  ) : n === "detecting" ? r === "offline" ? /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t("div", { class: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ t("p", { class: "text-text-body-primary", children: "No internet connection" }) }) }) : /* @__PURE__ */ t(E, { "data-testid": "capture-container", children: [
328
- /* @__PURE__ */ t(c, { size: 48 }),
328
+ /* @__PURE__ */ t(s, { size: 48 }),
329
329
  /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
330
330
  /* @__PURE__ */ t(V, { borderState: p ? "capturing" : r === "detecting" ? "idle" : r === "getReady" ? "loading" : r === "success" ? "success" : r === "error" ? "error" : "idle" }),
331
331
  /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: o ? /* @__PURE__ */ t(_, { children: [
332
332
  /* @__PURE__ */ t(H, { stream: o, mirrored: !u }),
333
333
  /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(y, {}) })
334
334
  ] }) : null }) }),
335
- /* @__PURE__ */ t(c, { size: 48 }),
335
+ /* @__PURE__ */ t(s, { size: 48 }),
336
336
  r ? /* @__PURE__ */ t(_, { children: [
337
337
  /* @__PURE__ */ t(x, { detectionState: r }),
338
- /* @__PURE__ */ t(c, { size: 24 })
338
+ /* @__PURE__ */ t(s, { size: 24 })
339
339
  ] }) : null,
340
340
  r === "manualCapture" ? /* @__PURE__ */ t(
341
341
  U,
@@ -347,10 +347,10 @@ const a = {
347
347
  }
348
348
  ) : null
349
349
  ] }),
350
- s ? /* @__PURE__ */ t(
350
+ a ? /* @__PURE__ */ t(
351
351
  O,
352
352
  {
353
- error: s,
353
+ error: a,
354
354
  attemptsRemaining: l,
355
355
  onTryAgain: () => {
356
356
  e.retryCapture(), C(!1);
@@ -378,18 +378,21 @@ const a = {
378
378
  ) : n === "uploading" ? /* @__PURE__ */ t(b, {}) : n === "uploadError" ? /* @__PURE__ */ t(
379
379
  O,
380
380
  {
381
- error: s,
381
+ error: a,
382
382
  attemptsRemaining: l,
383
383
  onTryAgain: () => {
384
384
  e.retryCapture(), C(!1);
385
385
  }
386
386
  }
387
- ) : n === "success" ? /* @__PURE__ */ t(E, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
388
- /* @__PURE__ */ t(c, { size: 160 }),
389
- /* @__PURE__ */ t(L, { size: 64 }),
390
- /* @__PURE__ */ t(c, { size: 16 }),
391
- /* @__PURE__ */ t(v, { children: R("idv2.capture.processing.success") })
392
- ] }) }) : null;
387
+ ) : n === "success" ? /* @__PURE__ */ t(E, { className: "IncodeCaptureSuccessPage", children: [
388
+ /* @__PURE__ */ t(s, { size: 40 }),
389
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
390
+ /* @__PURE__ */ t(s, { size: 120 }),
391
+ /* @__PURE__ */ t(L, { size: 64 }),
392
+ /* @__PURE__ */ t(s, { size: 16 }),
393
+ /* @__PURE__ */ t(v, { children: R("idv2.capture.processing.success") })
394
+ ] })
395
+ ] }) : null;
393
396
  }, H = ({ stream: e, mirrored: i }) => {
394
397
  const n = I(null);
395
398
  return g(() => {
@@ -406,12 +409,15 @@ const a = {
406
409
  );
407
410
  }, b = () => {
408
411
  const { t: e } = d();
409
- return /* @__PURE__ */ t(E, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
410
- /* @__PURE__ */ t(c, { size: 160 }),
411
- /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(D, { size: 64 }) }),
412
- /* @__PURE__ */ t(c, { size: 16 }),
413
- /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: e("idv2.capture.processing.uploading") })
414
- ] }) });
412
+ return /* @__PURE__ */ t(E, { className: "IncodeCaptureUploadingPage", children: [
413
+ /* @__PURE__ */ t(s, { size: 40 }),
414
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
415
+ /* @__PURE__ */ t(s, { size: 120 }),
416
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(D, { size: 64 }) }),
417
+ /* @__PURE__ */ t(s, { size: 16 }),
418
+ /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: e("idv2.capture.processing.uploading") })
419
+ ] })
420
+ ] });
415
421
  }, $ = ({ manager: e }) => {
416
422
  const { t: i } = d(), [n, o] = f(!1), [r, l] = f(null);
417
423
  g(() => {
@@ -419,7 +425,7 @@ const a = {
419
425
  l(u.default);
420
426
  });
421
427
  }, []);
422
- const s = () => {
428
+ const a = () => {
423
429
  o(!0), e.nextStep();
424
430
  };
425
431
  return r ? /* @__PURE__ */ t(
@@ -428,7 +434,7 @@ const a = {
428
434
  animationData: r,
429
435
  title: i("face.tutorial.title"),
430
436
  subtitle: i("face.tutorial.subtitle"),
431
- onContinue: s,
437
+ onContinue: a,
432
438
  buttonText: i("face.tutorial.startCapture"),
433
439
  disclaimerText: i("face.tutorial.autoCapture"),
434
440
  isLoading: n,
package/dist/{verificationResult-B51cgPGU.js → verificationResult-DNP30nAT.js} RENAMED
@@ -1,10 +1,10 @@
1
1
  import { d as g, y as F } from "./vendor-preact-DP-hbKuj.js";
2
- import { b as h, u as e, B as I } from "./incodeModule-DAveRAyZ.js";
2
+ import { b as h, u as e, B as I } from "./incodeModule-7zNv7YeX.js";
3
3
  import "./uiConfig-B8PUPgHY.js";
4
- import { I as S } from "./dropdownComposed-BjDHcYMb.js";
5
- import { S as y, E as k } from "./successIcon-BXW0lXvd.js";
6
- import { P as f } from "./page-CcgnVEBJ.js";
7
- import { S as z } from "./spinner-IY4lPK0V.js";
4
+ import { I as S } from "./dropdownComposed-DgA0fNAh.js";
5
+ import { S as y, E as k } from "./successIcon-BPe0Wymn.js";
6
+ import { P as f } from "./page-Bdz8JP3P.js";
7
+ import { S as z } from "./spinner-BknkxcID.js";
8
8
  function H(i, o) {
9
9
  const [a, n] = g(!1);
10
10
  return F(() => {
package/dist/{warningIcon-CsSoiruR.js → warningIcon-C9TCAUlH.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { u as n } from "./incodeModule-DAveRAyZ.js";
1
+ import { u as n } from "./incodeModule-7zNv7YeX.js";
2
2
  const t = ({ size: i = 32 }) => /* @__PURE__ */ n(
3
3
  "svg",
4
4
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260311-e1ad562",
3
+ "version": "0.0.0-dev-20260311-b46342c",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
107
107
  "libphonenumber-js": "^1.11.0",
108
108
  "preact-custom-element": "^4.6.0",
109
109
  "tailwindcss": "^4.1.17",
110
- "@incodetech/core": "0.0.0-dev-20260311-e1ad562"
110
+ "@incodetech/core": "0.0.0-dev-20260311-b46342c"
111
111
  },
112
112
  "devDependencies": {
113
113
  "@microsoft/api-extractor": "^7.53.3",