@adyen/kyc-components 3.56.0 → 3.56.1
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.
- package/dist/es/{B4MFY5CR-sw69iyPQ.js → B4MFY5CR-Bvs2knxQ.js} +1 -1
- package/dist/es/{HO4MOOFI-BiF4odym.js → HO4MOOFI-D73JTsvp.js} +2 -2
- package/dist/es/{HUY7CZI3-C_Pfr-a6.js → HUY7CZI3-DV5kn2jF.js} +2 -2
- package/dist/es/Introduction-C7VMHFjG.js +227 -0
- package/dist/es/adyen-kyc-components.es.js +2 -225
- package/dist/es/{index-BFB-zOM1.js → index-DvfA_PFX.js} +3527 -135
- package/dist/style.css +240 -240
- package/package.json +1 -1
- package/dist/es/adyen-kyc-components.es2.js +0 -4
- package/dist/es/singpass-logo-ClABMCMK.js +0 -8
- package/dist/es/useCanSeeIntroduction--XLChwhg.js +0 -3453
package/dist/style.css
CHANGED
|
@@ -1,4 +1,90 @@
|
|
|
1
|
-
|
|
1
|
+
.adyen-kyc-bank-statement-upload__subtitle {
|
|
2
|
+
margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
|
|
3
|
+
}
|
|
4
|
+
.adyen-kyc-bank-statement-upload__requirements {
|
|
5
|
+
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
6
|
+
font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
7
|
+
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
8
|
+
line-height: var(--adyen-sdk-text-caption-line-height, 18px);
|
|
9
|
+
padding-left: var(--adyen-sdk-spacer-070, 16px);
|
|
10
|
+
}/* #region Borders */
|
|
11
|
+
/* #endregion */
|
|
12
|
+
/* for container queries */
|
|
13
|
+
/* #region Z-index */
|
|
14
|
+
/* #endregion */
|
|
15
|
+
/* #region Timing functions */
|
|
16
|
+
/* #endregion */
|
|
17
|
+
/* #region Inline components */
|
|
18
|
+
/* #endregion */
|
|
19
|
+
.adyen-kyc-summary {
|
|
20
|
+
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
21
|
+
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
22
|
+
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
23
|
+
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
24
|
+
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
25
|
+
}
|
|
26
|
+
.adyen-kyc-summary__heading {
|
|
27
|
+
font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
|
|
28
|
+
font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
|
|
29
|
+
line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
|
|
30
|
+
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
31
|
+
}
|
|
32
|
+
.adyen-kyc-summary-section {
|
|
33
|
+
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
34
|
+
}
|
|
35
|
+
@container main (min-width: 1024px) {
|
|
36
|
+
.adyen-kyc-summary-section {
|
|
37
|
+
padding-left: var(--adyen-sdk-spacer-120, 48px);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
.adyen-kyc-summary-section__header {
|
|
41
|
+
display: flex;
|
|
42
|
+
align-items: baseline;
|
|
43
|
+
justify-content: space-between;
|
|
44
|
+
}
|
|
45
|
+
.adyen-kyc-summary-section__heading {
|
|
46
|
+
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
47
|
+
font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
|
|
48
|
+
}
|
|
49
|
+
.adyen-kyc-summary-section__content {
|
|
50
|
+
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
51
|
+
margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-100, 32px);
|
|
52
|
+
}
|
|
53
|
+
.adyen-kyc-summary-section__field {
|
|
54
|
+
display: flex;
|
|
55
|
+
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
56
|
+
margin-bottom: var(--adyen-sdk-spacer-060, 12px);
|
|
57
|
+
}
|
|
58
|
+
@container main (max-width: 680px) {
|
|
59
|
+
.adyen-kyc-summary-section__field {
|
|
60
|
+
flex-direction: column;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
.adyen-kyc-summary-section__field:last-child {
|
|
64
|
+
margin-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
65
|
+
}
|
|
66
|
+
.adyen-kyc-summary-section__label, .adyen-kyc-summary-section__data {
|
|
67
|
+
display: flex;
|
|
68
|
+
flex: 1;
|
|
69
|
+
}
|
|
70
|
+
.adyen-kyc-summary-section__label {
|
|
71
|
+
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
72
|
+
}
|
|
73
|
+
.adyen-kyc-summary-section__data {
|
|
74
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
75
|
+
}
|
|
76
|
+
@container main (max-width: 680px) {
|
|
77
|
+
.adyen-kyc-summary-section__data {
|
|
78
|
+
margin-top: var(--adyen-sdk-spacer-010, 2px);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
.adyen-kyc-summary__legal-caption {
|
|
82
|
+
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
83
|
+
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
84
|
+
font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
85
|
+
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
86
|
+
line-height: var(--adyen-sdk-text-caption-line-height, 18px);
|
|
87
|
+
}/* #region Borders */
|
|
2
88
|
/* #endregion */
|
|
3
89
|
/* for container queries */
|
|
4
90
|
/* #region Z-index */
|
|
@@ -303,6 +389,37 @@ button[disabled]:hover {
|
|
|
303
389
|
min-height: 6px;
|
|
304
390
|
min-width: 6px;
|
|
305
391
|
position: absolute;
|
|
392
|
+
}.adyen-kyc-divider {
|
|
393
|
+
background-color: var(--adyen-sdk-color-separator-primary, #dbdee2);
|
|
394
|
+
border: none;
|
|
395
|
+
height: var(--adyen-sdk-border-width-s, 1px);
|
|
396
|
+
margin-block-end: 0;
|
|
397
|
+
margin-block-start: 0;
|
|
398
|
+
width: 100%;
|
|
399
|
+
}/* #region Borders */
|
|
400
|
+
/* #endregion */
|
|
401
|
+
/* for container queries */
|
|
402
|
+
/* #region Z-index */
|
|
403
|
+
/* #endregion */
|
|
404
|
+
/* #region Timing functions */
|
|
405
|
+
/* #endregion */
|
|
406
|
+
/* #region Inline components */
|
|
407
|
+
/* #endregion */
|
|
408
|
+
.adyen-kyc-form-header {
|
|
409
|
+
margin-bottom: var(--adyen-sdk-spacer-120, 48px);
|
|
410
|
+
}
|
|
411
|
+
.adyen-kyc-form-header__heading {
|
|
412
|
+
font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
|
|
413
|
+
font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
|
|
414
|
+
line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
|
|
415
|
+
margin-bottom: var(--adyen-sdk-spacer-040, 8px);
|
|
416
|
+
}
|
|
417
|
+
.adyen-kyc-form-header__description {
|
|
418
|
+
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
419
|
+
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
420
|
+
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
421
|
+
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
422
|
+
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
306
423
|
}/* #region Borders */
|
|
307
424
|
/* #endregion */
|
|
308
425
|
/* for container queries */
|
|
@@ -425,245 +542,6 @@ button[disabled]:hover {
|
|
|
425
542
|
}
|
|
426
543
|
.adyen-kyc-typography--inverse-secondary {
|
|
427
544
|
color: var(--adyen-sdk-color-label-inverse-secondary, #9ea6b1);
|
|
428
|
-
}/* #region Borders */
|
|
429
|
-
/* #endregion */
|
|
430
|
-
/* for container queries */
|
|
431
|
-
/* #region Z-index */
|
|
432
|
-
/* #endregion */
|
|
433
|
-
/* #region Timing functions */
|
|
434
|
-
/* #endregion */
|
|
435
|
-
/* #region Inline components */
|
|
436
|
-
/* #endregion */
|
|
437
|
-
.adyen-kyc-progress {
|
|
438
|
-
width: 100%;
|
|
439
|
-
}
|
|
440
|
-
|
|
441
|
-
.adyen-kyc-progress-bar {
|
|
442
|
-
display: flex;
|
|
443
|
-
flex: 1;
|
|
444
|
-
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
445
|
-
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
446
|
-
--step-progress-internal-height: 0.25em;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
.adyen-kyc-progress-bar-thick li {
|
|
450
|
-
--step-progress-internal-height: 0.4em;
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
.adyen-kyc-progress-bar-thick li:first-of-type {
|
|
454
|
-
border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
455
|
-
border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
.adyen-kyc-progress-bar-thick li:last-of-type {
|
|
459
|
-
border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
460
|
-
border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
461
|
-
}
|
|
462
|
-
|
|
463
|
-
.adyen-kyc-progress-step {
|
|
464
|
-
background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
|
|
465
|
-
display: flex;
|
|
466
|
-
flex: 1;
|
|
467
|
-
height: var(--step-progress-internal-height);
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
.adyen-kyc-progress-step-active {
|
|
471
|
-
background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
.adyen-kyc-progress-step-label {
|
|
475
|
-
border: 0;
|
|
476
|
-
clip: rect(0, 0, 0, 0);
|
|
477
|
-
height: 1px;
|
|
478
|
-
overflow: hidden;
|
|
479
|
-
padding: var(--adyen-sdk-spacer-000, 0px) !important;
|
|
480
|
-
position: absolute;
|
|
481
|
-
white-space: nowrap;
|
|
482
|
-
width: 1px;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.adyen-kyc-progress-bar-circles li {
|
|
486
|
-
flex: none;
|
|
487
|
-
width: var(--step-progress-internal-height);
|
|
488
|
-
border-radius: var(--step-progress-internal-height);
|
|
489
|
-
margin: 0 var(--step-progress-internal-height);
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
.adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
|
|
493
|
-
padding: 0 calc(var(--step-progress-internal-height) / 2);
|
|
494
|
-
margin: 0 calc(var(--step-progress-internal-height) / 2);
|
|
495
|
-
}.adyen-kyc-introduction {
|
|
496
|
-
display: flex;
|
|
497
|
-
flex-direction: column;
|
|
498
|
-
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
499
|
-
gap: var(--adyen-sdk-spacer-020, 4px);
|
|
500
|
-
max-width: 660px;
|
|
501
|
-
margin: var(--adyen-sdk-spacer-000, 0px) auto;
|
|
502
|
-
padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
|
|
503
|
-
}
|
|
504
|
-
.adyen-kyc-introduction__skip {
|
|
505
|
-
text-align: right;
|
|
506
|
-
}
|
|
507
|
-
.adyen-kyc-introduction__number {
|
|
508
|
-
color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
|
|
509
|
-
font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
510
|
-
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
511
|
-
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
512
|
-
height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
513
|
-
line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
514
|
-
margin-bottom: var(--adyen-sdk-spacer-080, 20px);
|
|
515
|
-
position: relative;
|
|
516
|
-
top: var(--adyen-sdk-spacer-080, 20px);
|
|
517
|
-
}
|
|
518
|
-
.adyen-kyc-introduction__title {
|
|
519
|
-
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
520
|
-
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
521
|
-
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
522
|
-
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
523
|
-
}
|
|
524
|
-
.adyen-kyc-introduction__description {
|
|
525
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
526
|
-
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
527
|
-
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
528
|
-
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
529
|
-
}
|
|
530
|
-
.adyen-kyc-introduction__description p {
|
|
531
|
-
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
532
|
-
}
|
|
533
|
-
.adyen-kyc-introduction__description p:not(:last-child) {
|
|
534
|
-
margin-bottom: var(--adyen-sdk-spacer-080, 20px);
|
|
535
|
-
}
|
|
536
|
-
.adyen-kyc-introduction__description p:has(+ ul) {
|
|
537
|
-
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
538
|
-
}
|
|
539
|
-
.adyen-kyc-introduction__description p + ul {
|
|
540
|
-
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
541
|
-
margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
|
|
542
|
-
}
|
|
543
|
-
.adyen-kyc-introduction__nav {
|
|
544
|
-
display: flex;
|
|
545
|
-
gap: var(--adyen-sdk-spacer-080, 20px);
|
|
546
|
-
margin-top: var(--adyen-sdk-spacer-110, 40px);
|
|
547
|
-
}
|
|
548
|
-
.adyen-kyc-introduction__nav button {
|
|
549
|
-
flex-grow: 1;
|
|
550
|
-
}.adyen-kyc-bank-statement-upload__subtitle {
|
|
551
|
-
margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px);
|
|
552
|
-
}
|
|
553
|
-
.adyen-kyc-bank-statement-upload__requirements {
|
|
554
|
-
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
555
|
-
font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
556
|
-
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
557
|
-
line-height: var(--adyen-sdk-text-caption-line-height, 18px);
|
|
558
|
-
padding-left: var(--adyen-sdk-spacer-070, 16px);
|
|
559
|
-
}/* #region Borders */
|
|
560
|
-
/* #endregion */
|
|
561
|
-
/* for container queries */
|
|
562
|
-
/* #region Z-index */
|
|
563
|
-
/* #endregion */
|
|
564
|
-
/* #region Timing functions */
|
|
565
|
-
/* #endregion */
|
|
566
|
-
/* #region Inline components */
|
|
567
|
-
/* #endregion */
|
|
568
|
-
.adyen-kyc-summary {
|
|
569
|
-
color: var(--adyen-sdk-color-label-primary, #00112c);
|
|
570
|
-
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
571
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
572
|
-
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
573
|
-
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
574
|
-
}
|
|
575
|
-
.adyen-kyc-summary__heading {
|
|
576
|
-
font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
|
|
577
|
-
font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
|
|
578
|
-
line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
|
|
579
|
-
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
580
|
-
}
|
|
581
|
-
.adyen-kyc-summary-section {
|
|
582
|
-
margin-bottom: var(--adyen-sdk-spacer-090, 24px);
|
|
583
|
-
}
|
|
584
|
-
@container main (min-width: 1024px) {
|
|
585
|
-
.adyen-kyc-summary-section {
|
|
586
|
-
padding-left: var(--adyen-sdk-spacer-120, 48px);
|
|
587
|
-
}
|
|
588
|
-
}
|
|
589
|
-
.adyen-kyc-summary-section__header {
|
|
590
|
-
display: flex;
|
|
591
|
-
align-items: baseline;
|
|
592
|
-
justify-content: space-between;
|
|
593
|
-
}
|
|
594
|
-
.adyen-kyc-summary-section__heading {
|
|
595
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
596
|
-
font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
|
|
597
|
-
}
|
|
598
|
-
.adyen-kyc-summary-section__content {
|
|
599
|
-
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
600
|
-
margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-100, 32px);
|
|
601
|
-
}
|
|
602
|
-
.adyen-kyc-summary-section__field {
|
|
603
|
-
display: flex;
|
|
604
|
-
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
605
|
-
margin-bottom: var(--adyen-sdk-spacer-060, 12px);
|
|
606
|
-
}
|
|
607
|
-
@container main (max-width: 680px) {
|
|
608
|
-
.adyen-kyc-summary-section__field {
|
|
609
|
-
flex-direction: column;
|
|
610
|
-
}
|
|
611
|
-
}
|
|
612
|
-
.adyen-kyc-summary-section__field:last-child {
|
|
613
|
-
margin-bottom: var(--adyen-sdk-spacer-000, 0px);
|
|
614
|
-
}
|
|
615
|
-
.adyen-kyc-summary-section__label, .adyen-kyc-summary-section__data {
|
|
616
|
-
display: flex;
|
|
617
|
-
flex: 1;
|
|
618
|
-
}
|
|
619
|
-
.adyen-kyc-summary-section__label {
|
|
620
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
621
|
-
}
|
|
622
|
-
.adyen-kyc-summary-section__data {
|
|
623
|
-
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
624
|
-
}
|
|
625
|
-
@container main (max-width: 680px) {
|
|
626
|
-
.adyen-kyc-summary-section__data {
|
|
627
|
-
margin-top: var(--adyen-sdk-spacer-010, 2px);
|
|
628
|
-
}
|
|
629
|
-
}
|
|
630
|
-
.adyen-kyc-summary__legal-caption {
|
|
631
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
632
|
-
font-size: var(--adyen-sdk-text-caption-font-size, 12px);
|
|
633
|
-
font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
634
|
-
font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
|
|
635
|
-
line-height: var(--adyen-sdk-text-caption-line-height, 18px);
|
|
636
|
-
}.adyen-kyc-divider {
|
|
637
|
-
background-color: var(--adyen-sdk-color-separator-primary, #dbdee2);
|
|
638
|
-
border: none;
|
|
639
|
-
height: var(--adyen-sdk-border-width-s, 1px);
|
|
640
|
-
margin-block-end: 0;
|
|
641
|
-
margin-block-start: 0;
|
|
642
|
-
width: 100%;
|
|
643
|
-
}/* #region Borders */
|
|
644
|
-
/* #endregion */
|
|
645
|
-
/* for container queries */
|
|
646
|
-
/* #region Z-index */
|
|
647
|
-
/* #endregion */
|
|
648
|
-
/* #region Timing functions */
|
|
649
|
-
/* #endregion */
|
|
650
|
-
/* #region Inline components */
|
|
651
|
-
/* #endregion */
|
|
652
|
-
.adyen-kyc-form-header {
|
|
653
|
-
margin-bottom: var(--adyen-sdk-spacer-120, 48px);
|
|
654
|
-
}
|
|
655
|
-
.adyen-kyc-form-header__heading {
|
|
656
|
-
font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
|
|
657
|
-
font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
|
|
658
|
-
line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
|
|
659
|
-
margin-bottom: var(--adyen-sdk-spacer-040, 8px);
|
|
660
|
-
}
|
|
661
|
-
.adyen-kyc-form-header__description {
|
|
662
|
-
color: var(--adyen-sdk-color-label-secondary, #5c687c);
|
|
663
|
-
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
664
|
-
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
665
|
-
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
666
|
-
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
667
545
|
}.adyen-kyc-error-panel {
|
|
668
546
|
margin-bottom: var(--adyen-sdk-spacer-080, 20px);
|
|
669
547
|
}.adyen-kyc-skeleton {
|
|
@@ -2897,6 +2775,73 @@ fieldset {
|
|
|
2897
2775
|
/* #endregion */
|
|
2898
2776
|
/* #region Inline components */
|
|
2899
2777
|
/* #endregion */
|
|
2778
|
+
.adyen-kyc-progress {
|
|
2779
|
+
width: 100%;
|
|
2780
|
+
}
|
|
2781
|
+
|
|
2782
|
+
.adyen-kyc-progress-bar {
|
|
2783
|
+
display: flex;
|
|
2784
|
+
flex: 1;
|
|
2785
|
+
padding: var(--adyen-sdk-spacer-000, 0px);
|
|
2786
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
2787
|
+
--step-progress-internal-height: 0.25em;
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2790
|
+
.adyen-kyc-progress-bar-thick li {
|
|
2791
|
+
--step-progress-internal-height: 0.4em;
|
|
2792
|
+
}
|
|
2793
|
+
|
|
2794
|
+
.adyen-kyc-progress-bar-thick li:first-of-type {
|
|
2795
|
+
border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2796
|
+
border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2797
|
+
}
|
|
2798
|
+
|
|
2799
|
+
.adyen-kyc-progress-bar-thick li:last-of-type {
|
|
2800
|
+
border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2801
|
+
border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
|
|
2802
|
+
}
|
|
2803
|
+
|
|
2804
|
+
.adyen-kyc-progress-step {
|
|
2805
|
+
background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
|
|
2806
|
+
display: flex;
|
|
2807
|
+
flex: 1;
|
|
2808
|
+
height: var(--step-progress-internal-height);
|
|
2809
|
+
}
|
|
2810
|
+
|
|
2811
|
+
.adyen-kyc-progress-step-active {
|
|
2812
|
+
background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
|
|
2813
|
+
}
|
|
2814
|
+
|
|
2815
|
+
.adyen-kyc-progress-step-label {
|
|
2816
|
+
border: 0;
|
|
2817
|
+
clip: rect(0, 0, 0, 0);
|
|
2818
|
+
height: 1px;
|
|
2819
|
+
overflow: hidden;
|
|
2820
|
+
padding: var(--adyen-sdk-spacer-000, 0px) !important;
|
|
2821
|
+
position: absolute;
|
|
2822
|
+
white-space: nowrap;
|
|
2823
|
+
width: 1px;
|
|
2824
|
+
}
|
|
2825
|
+
|
|
2826
|
+
.adyen-kyc-progress-bar-circles li {
|
|
2827
|
+
flex: none;
|
|
2828
|
+
width: var(--step-progress-internal-height);
|
|
2829
|
+
border-radius: var(--step-progress-internal-height);
|
|
2830
|
+
margin: 0 var(--step-progress-internal-height);
|
|
2831
|
+
}
|
|
2832
|
+
|
|
2833
|
+
.adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
|
|
2834
|
+
padding: 0 calc(var(--step-progress-internal-height) / 2);
|
|
2835
|
+
margin: 0 calc(var(--step-progress-internal-height) / 2);
|
|
2836
|
+
}/* #region Borders */
|
|
2837
|
+
/* #endregion */
|
|
2838
|
+
/* for container queries */
|
|
2839
|
+
/* #region Z-index */
|
|
2840
|
+
/* #endregion */
|
|
2841
|
+
/* #region Timing functions */
|
|
2842
|
+
/* #endregion */
|
|
2843
|
+
/* #region Inline components */
|
|
2844
|
+
/* #endregion */
|
|
2900
2845
|
.adyen-kyc-form-navigation {
|
|
2901
2846
|
width: 100%;
|
|
2902
2847
|
}
|
|
@@ -5400,4 +5345,59 @@ fieldset {
|
|
|
5400
5345
|
}
|
|
5401
5346
|
.adyen-kyc-table tbody tr:nth-child(even) {
|
|
5402
5347
|
background-color: var(--adyen-sdk-color-background-primary, #ffffff);
|
|
5348
|
+
}.adyen-kyc-introduction {
|
|
5349
|
+
display: flex;
|
|
5350
|
+
flex-direction: column;
|
|
5351
|
+
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
5352
|
+
gap: var(--adyen-sdk-spacer-020, 4px);
|
|
5353
|
+
max-width: 660px;
|
|
5354
|
+
margin: var(--adyen-sdk-spacer-000, 0px) auto;
|
|
5355
|
+
padding: var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-080, 20px);
|
|
5356
|
+
}
|
|
5357
|
+
.adyen-kyc-introduction__skip {
|
|
5358
|
+
text-align: right;
|
|
5359
|
+
}
|
|
5360
|
+
.adyen-kyc-introduction__number {
|
|
5361
|
+
color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
|
|
5362
|
+
font-size: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
5363
|
+
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
5364
|
+
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
5365
|
+
height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
5366
|
+
line-height: calc(var(--adyen-sdk-text-title-font-size, 16px) * 10);
|
|
5367
|
+
margin-bottom: var(--adyen-sdk-spacer-080, 20px);
|
|
5368
|
+
position: relative;
|
|
5369
|
+
top: var(--adyen-sdk-spacer-080, 20px);
|
|
5370
|
+
}
|
|
5371
|
+
.adyen-kyc-introduction__title {
|
|
5372
|
+
font-size: var(--adyen-sdk-text-title-font-size, 16px);
|
|
5373
|
+
font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
5374
|
+
font-weight: var(--adyen-sdk-text-title-font-weight, 600);
|
|
5375
|
+
line-height: var(--adyen-sdk-text-title-line-height, 26px);
|
|
5376
|
+
}
|
|
5377
|
+
.adyen-kyc-introduction__description {
|
|
5378
|
+
font-size: var(--adyen-sdk-text-body-font-size, 14px);
|
|
5379
|
+
font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
|
|
5380
|
+
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
5381
|
+
line-height: var(--adyen-sdk-text-body-line-height, 20px);
|
|
5382
|
+
}
|
|
5383
|
+
.adyen-kyc-introduction__description p {
|
|
5384
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
5385
|
+
}
|
|
5386
|
+
.adyen-kyc-introduction__description p:not(:last-child) {
|
|
5387
|
+
margin-bottom: var(--adyen-sdk-spacer-080, 20px);
|
|
5388
|
+
}
|
|
5389
|
+
.adyen-kyc-introduction__description p:has(+ ul) {
|
|
5390
|
+
font-weight: var(--adyen-sdk-text-body-font-weight, 400);
|
|
5391
|
+
}
|
|
5392
|
+
.adyen-kyc-introduction__description p + ul {
|
|
5393
|
+
margin: var(--adyen-sdk-spacer-000, 0px);
|
|
5394
|
+
margin-top: calc(var(--adyen-sdk-spacer-080, 20px) * -1);
|
|
5395
|
+
}
|
|
5396
|
+
.adyen-kyc-introduction__nav {
|
|
5397
|
+
display: flex;
|
|
5398
|
+
gap: var(--adyen-sdk-spacer-080, 20px);
|
|
5399
|
+
margin-top: var(--adyen-sdk-spacer-110, 40px);
|
|
5400
|
+
}
|
|
5401
|
+
.adyen-kyc-introduction__nav button {
|
|
5402
|
+
flex-grow: 1;
|
|
5403
5403
|
}
|
package/package.json
CHANGED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "preact/compat/jsx-runtime";
|
|
2
|
-
const SvgSingpassLogo = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 93 16", role: "img", ...props, children: [
|
|
3
|
-
/* @__PURE__ */ jsx("path", { fill: "#F4333D", d: "M5.88 11.8c-2.54 0-4.34-.85-5.13-1.57l1.69-2.48a5.5 5.5 0 0 0 3.44 1.36c.92 0 1.33-.27 1.33-.77 0-.38-.32-.68-1.3-.9l-2-.47c-1.96-.46-2.89-1.65-2.89-3.3C1.02 1.42 2.82.1 5.5.1c2.07 0 3.73.63 4.54 1.35L8.35 3.92A4.5 4.5 0 0 0 5.5 2.75c-.86 0-1.24.3-1.24.74 0 .45.4.7 1.17.88l2 .45c2.05.45 3.04 1.56 3.04 3.18 0 2.32-1.73 3.81-4.59 3.81m12-.22h3.38V5.52c0-1.48.72-2.4 2.12-2.4 1.32 0 2.02.76 2.02 2.4v6.06h3.37V4.67c0-3.02-1.5-4.58-4.09-4.58q-2.2 0-3.42 1.74V1.1c0-.5-.29-.8-.78-.8h-2.59v11.27M42.46.32v9.75c0 4.24-2.75 5.93-6.12 5.93-2.25 0-4.12-.59-5.24-1.6l1.75-2.61a5 5 0 0 0 3.49 1.37c1.73 0 2.74-1.1 2.74-2.64V9.8c-.8 1.02-1.98 1.47-3.41 1.47-2.73 0-5.09-2.39-5.09-5.59S32.93.09 35.66.09a3.9 3.9 0 0 1 3.41 1.7V1.1c0-.5.3-.8.8-.8zM39.2 5.68c0-1.46-1.1-2.61-2.63-2.61A2.57 2.57 0 0 0 34 5.68a2.6 2.6 0 0 0 2.57 2.61 2.56 2.56 0 0 0 2.63-2.61m18 .27c0 3.47-2.35 5.86-5.28 5.86-1.53 0-2.74-.45-3.62-1.46v5.38h-3.37V.32h2.59c.5 0 .78.29.78.79v.67A4.2 4.2 0 0 1 51.91.1c2.93 0 5.29 2.39 5.29 5.86m-3.4 0c0-1.69-1.2-2.88-2.78-2.88a2.77 2.77 0 0 0-2.83 2.88 2.8 2.8 0 0 0 2.83 2.89c1.58 0 2.77-1.2 2.77-2.89M70.91.32v11.26h-3.38v-1.46a4.2 4.2 0 0 1-3.62 1.69c-2.92 0-5.28-2.39-5.28-5.86S61 .09 63.92.09c1.53 0 2.8.54 3.62 1.7V1.1c0-.5.3-.8.79-.8zm-3.26 5.63a2.8 2.8 0 0 0-2.84-2.88c-1.57 0-2.76 1.19-2.76 2.88 0 1.7 1.19 2.89 2.76 2.89 1.6 0 2.84-1.2 2.84-2.89m10.1 5.86c2.85 0 4.58-1.49 4.58-3.8 0-1.63-.99-2.73-3.03-3.19l-2-.45c-.77-.18-1.18-.43-1.18-.88s.39-.74 1.24-.74c1.04 0 2.11.5 2.86 1.17l1.68-2.48C81.11.72 79.44.1 77.37.1 74.7.1 72.9 1.42 72.9 3.68c0 1.64.92 2.83 2.88 3.29l2 .47c.99.22 1.3.52 1.3.9 0 .5-.4.77-1.33.77a5.5 5.5 0 0 1-3.44-1.36l-1.68 2.48c.78.72 2.58 1.58 5.12 1.58m10.65 0C91.27 11.8 93 10.32 93 8c0-1.63-.99-2.73-3.04-3.19l-2-.45c-.76-.18-1.17-.43-1.17-.88s.38-.74 1.24-.74c1.03 0 2.11.5 2.86 1.17l1.68-2.48C91.77.72 90.1.1 88.03.1c-2.68 0-4.47 1.33-4.47 3.59 0 1.64.92 2.83 2.87 3.29l2 .47c1 .22 1.3.52 1.3.9 0 .5-.4.77-1.32.77a5.5 5.5 0 0 1-3.44-1.36l-1.69 2.48c.8.72 2.6 1.58 5.13 1.58" }),
|
|
4
|
-
/* @__PURE__ */ jsx("path", { fill: "#000", d: "M13.8 3.92c1.1 0 1.95-.86 1.95-1.96S14.9 0 13.8 0s-1.96.86-1.96 1.96.85 1.96 1.96 1.96m-2.12 7.66h4.23l-.9-7a5 5 0 0 1-2.43 0z" })
|
|
5
|
-
] });
|
|
6
|
-
export {
|
|
7
|
-
SvgSingpassLogo as default
|
|
8
|
-
};
|