@adyen/kyc-components 3.89.1 → 3.90.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 (159) hide show
  1. package/dist/{AcceptTermsOfServiceComponent-De5XWtcz.js → AcceptTermsOfServiceComponent-jlzA4hRO.js} +42 -60
  2. package/dist/{Accordion-CW9GGywE.js → Accordion-48qDUfrn.js} +1 -1
  3. package/dist/{AccountSetupRejected-_IN29uU8.js → AccountSetupRejected-eL8cEb4U.js} +3 -3
  4. package/dist/{ActionBar-CkNDXAZ3.js → ActionBar-BO6XSNuM.js} +1 -1
  5. package/dist/{Address-CIRweyT6.js → Address-BCTZUD2J.js} +25 -56
  6. package/dist/{Alert-Dr-PTLt5.js → Alert-DlSROjS7.js} +6 -6
  7. package/dist/{Avatar-DttOKUv4.js → Avatar-1DJaB2Fj.js} +1 -1
  8. package/dist/{BusinessDetailsMultiformDropin-ByrdkEK1.js → BusinessDetailsDropin-lXErWzqC.js} +1268 -3090
  9. package/dist/{BusinessFinancingComponent-D5Edu6Jp.js → BusinessFinancingComponent-C6wgWrZx.js} +6 -5
  10. package/dist/{BusinessFinancingDropin-D2J61fEL.js → BusinessFinancingDropin-Doz0wI42.js} +23 -33
  11. package/dist/{BusinessFinancingPage-C06ar5yw.js → BusinessFinancingPage-CWkMdnqc.js} +3 -3
  12. package/dist/{BusinessTypeSelectionPage-CP0UXFG_.js → BusinessTypeSelectionPage-DFJqkG5_.js} +8 -9
  13. package/dist/{Card-thNJfUJi.js → Card-I1r9oUx8.js} +2 -2
  14. package/dist/{ConstitutionalDocument-Dzckgb-_.js → ConstitutionalDocument-DdFjrLEq.js} +3 -3
  15. package/dist/{CountryField-CJeBvrKJ.js → CountryField-BO-n2nAh.js} +6 -6
  16. package/dist/{CreateIndividualComponent-BDAKxFP2.js → CreateIndividualComponent-D14kgQET.js} +5 -5
  17. package/dist/{CreateTransferInstrumentComponent-vfia76fK.js → CreateTransferInstrumentComponent-DOM7CWHW.js} +4 -4
  18. package/dist/{Currency-CJF_TGyQ.js → Currency-U_NBiYL_.js} +7 -7
  19. package/dist/{CustomerSupport-C_fh3_q2.js → CustomerSupport-gUFWyk3X.js} +10 -10
  20. package/dist/{DebugModal-8s0KmcYQ.js → DebugModal-B-9dnXq3.js} +9 -9
  21. package/dist/{DecisionMakerDetailsPage-BcaNuUzU.js → DecisionMakerDetailsPage-Y59IaBti.js} +6 -6
  22. package/dist/{DecisionMakers-BShMorMY.js → DecisionMakers-CXX7UaII.js} +20 -20
  23. package/dist/{EmbeddedStatus-Bsq1fp5z.js → EmbeddedStatus-DY5iLZFD.js} +2 -2
  24. package/dist/{EndStateLayout-BzHmhWSo.js → EndStateLayout-CwW4wDY8.js} +1 -1
  25. package/dist/{EntityAssociation-CzUai3Yh.js → EntityAssociation-CYAh0KGI.js} +8 -8
  26. package/dist/{EntityGuidanceStatus-B6luxhbo.js → EntityGuidanceStatus-Dkb_9kLQ.js} +2 -2
  27. package/dist/FormFlow-Dgc0gB-O.js +186 -0
  28. package/dist/{FormNavigation-trlYkLTT.js → FormNavigation-BE3rLf_S.js} +3 -3
  29. package/dist/{FormWrapper-CmShqeDn.js → FormWrapper-B7su5eh3.js} +10 -10
  30. package/dist/{IndividualOnfido-BziAZ51z.js → IndividualOnfido-DH3VYYau.js} +71 -74
  31. package/dist/{IndividualOnfidoDropin-DQpZ6OI1.js → IndividualOnfidoDropin-SiWSMsi9.js} +30 -33
  32. package/dist/{InputText-DmMvZip7.js → InputText-DR70nC51.js} +6 -6
  33. package/dist/{Introduction-Wu-LBXX2.js → Introduction-C2X6DyHw.js} +4 -4
  34. package/dist/{JpAddress-Bl9Ppmv5.js → JpAddress-CvQyBExq.js} +8 -8
  35. package/dist/{LegalRepresentativeDetailsPage-Cxy69AD6.js → LegalRepresentativeDetailsPage-Wf7cQkQn.js} +4 -4
  36. package/dist/{ListItem-DvTbHRWc.js → ListItem-BBHNYCCw.js} +2 -2
  37. package/dist/{ManageIndividualComponent-DIf-I6d0.js → ManageIndividualComponent-DPh2Jp_T.js} +4 -4
  38. package/dist/{ManageTermsOfServiceComponent-BK3ywG-g.js → ManageTermsOfServiceComponent-4-iML1dO.js} +4 -4
  39. package/dist/{ManageTransferInstrumentComponent-DHfft4DJ.js → ManageTransferInstrumentComponent-D8MMBSWg.js} +12 -12
  40. package/dist/{MaybeModal-Bw31z92e.js → MaybeModal-Us27ek4u.js} +15 -4
  41. package/dist/{Modal-B-CzUny3.js → Modal-W8cfdxrr.js} +4 -4
  42. package/dist/{OnboardingDropinComponent-Dc5Z3bna.js → OnboardingDropinComponent-HHq3dL3N.js} +1406 -1731
  43. package/dist/{PayoutDetailsDropin-DrESJrLF.js → PayoutDetailsDropin-M9FYw20B.js} +62 -42
  44. package/dist/ProgressBar-B7gTQncy.js +47 -0
  45. package/dist/{Review-CN0zdu0c.js → Review-CUNKnKSZ.js} +7 -7
  46. package/dist/{RootBusinessDetailsPage-DsCMT0gE.js → RootBusinessDetailsPage-DC0qALED.js} +7 -22
  47. package/dist/{RootBusinessLinesPage-D0djzhVg.js → RootBusinessLinesPage-B8gUQ93t.js} +146 -41
  48. package/dist/{RootIndividualDetailsPage-C49Q1XPl.js → RootIndividualDetailsPage-ULrh2_YN.js} +6 -6
  49. package/dist/{SignPCIComponent-Dm45H-8u.js → SignPCIComponent-MnotetIL.js} +10 -10
  50. package/dist/{SingpassSelection-DR7s4WiD.js → SingpassSelection-BWdMU1Lv.js} +4 -4
  51. package/dist/{SoleProprietorshipPage-C2_d7XKS.js → SoleProprietorshipPage-C9mxOyGm.js} +5 -19
  52. package/dist/{SourceOfFundsPage-SHeYHpGr.js → SourceOfFundsPage-bptpOZNp.js} +25 -25
  53. package/dist/{fieldConfigurations-Kb-fhpg7.js → Spacer-D-c-0ch_.js} +34 -24
  54. package/dist/{StepProgressIndicator-yqQhirdb.js → StepProgressIndicator--8FNnauI.js} +1 -1
  55. package/dist/{StoreProvider-BHckWEYg.js → StoreProvider-D_0Pta7w.js} +130 -98
  56. package/dist/{Summary-Df0SenAt.js → Summary-D741mrWG.js} +4 -4
  57. package/dist/{TaxReportingDropin-CKin6_Er.js → TaxReportingDropin-D2gjRJag.js} +16 -16
  58. package/dist/{TrustDetailsPage-C699_2RX.js → TrustDetailsPage-Dj64OqRJ.js} +27 -27
  59. package/dist/{TrustMemberCompanyPage-Bgh-8J6_.js → TrustMemberCompanyPage-DlnCvpf5.js} +6 -22
  60. package/dist/{TrustMemberIndividualPage-2gZsrdqt.js → TrustMemberIndividualPage-D8LSPYGf.js} +4 -4
  61. package/dist/{TrustMemberRoleAndTypePage-BB41jjVq.js → TrustMemberRoleAndTypePage-CN7oQduU.js} +15 -15
  62. package/dist/{TrustMembersOverview-DkpHLa-c.js → TrustMembersOverview-C2VH8NIl.js} +12 -12
  63. package/dist/{UnincorporatedPartnershipIndividualPage-uZBKkJwX.js → UnincorporatedPartnershipIndividualPage-fN2QrGh4.js} +4 -4
  64. package/dist/{UnincorporatedPartnershipMemberCompanyPage-CVa6qF3n.js → UnincorporatedPartnershipMemberCompanyPage-BUEeNfv-.js} +6 -22
  65. package/dist/{UnincorporatedPartnershipMemberRoleAndTypePage-Ctl2MPKX.js → UnincorporatedPartnershipMemberRoleAndTypePage-DeUAOKnx.js} +9 -9
  66. package/dist/{UnincorporatedPartnershipMembersOverview-DZPLX8gp.js → UnincorporatedPartnershipMembersOverview-EeE4JNAc.js} +9 -9
  67. package/dist/{VerificationErrorAlert-BVoljWxM.js → VerificationErrorAlert-COgw5uh1.js} +4 -4
  68. package/dist/{ViewVerificationStatusComponent-B_gl5t76.js → ViewVerificationStatusComponent-CaPz-G-G.js} +4 -4
  69. package/dist/adyen-business-financing.js +8 -4
  70. package/dist/adyen-individual-configuration.js +2 -2
  71. package/dist/adyen-individual-status.js +2 -2
  72. package/dist/adyen-kyc-components.js +20 -20
  73. package/dist/adyen-onboarding.js +2 -2
  74. package/dist/adyen-terms-of-service-management.js +2 -2
  75. package/dist/adyen-terms-of-service-status.js +2 -2
  76. package/dist/adyen-transfer-instrument-configuration.js +2 -2
  77. package/dist/adyen-transfer-instrument-management.js +2 -2
  78. package/dist/adyen-verification-status.js +2 -2
  79. package/dist/cross-circle-fill-maan7Z5S.js +17 -0
  80. package/dist/{debouncedInputEvent-C-zXYOuE.js → debouncedInputEvent-ZbuNEN6W.js} +2 -2
  81. package/dist/{documentUtils-l4Di7U18.js → documentUtils-XUGK4RIp.js} +3 -3
  82. package/dist/{dropinUtils-Cm6ETaTL.js → dropinUtils-Dggo6PZA.js} +4 -4
  83. package/dist/en-US-AgtwE4Fl.js +63 -0
  84. package/dist/{getFieldsWithExistingData-BdYN38hE.js → getFieldsWithExistingData-KwCfBJn2.js} +1 -1
  85. package/dist/{getName-BUZJBcAE.js → getName-B1UTZRuu.js} +2 -9
  86. package/dist/{hasDataChanged-D9Qx_JCQ.js → hasDataChanged-CSn4V18R.js} +2 -2
  87. package/dist/{iframeWidget-CemJJ3EA.js → iframeWidget-BDp1ajgy.js} +4 -4
  88. package/dist/info-filled-SQotHmT9.js +17 -0
  89. package/dist/{localizeDateString-DyXarzIl.js → localizeDateString-CZrFwyd0.js} +1 -1
  90. package/dist/{mapExistingFile-COnTFqXJ.js → mapExistingFile-D5fqNt1l.js} +2 -2
  91. package/dist/{mapFinancialReportsToFinancialInformation-BK4mXy3k.js → mapFinancialReportsToFinancialInformation-eCMwJnwj.js} +3 -3
  92. package/dist/{mapJpAddressSchemaToAddressLocalizations-BulGG0pe.js → mapJpAddressSchemaToAddressLocalizations-i8O5_wuI.js} +3 -3
  93. package/dist/{mapLegalEntityToIndividualOnfidoSchema-BMDtouhh.js → mapLegalEntityToIndividualOnfidoSchema-Cyg_384J.js} +3 -3
  94. package/dist/{mapTransferInstrumentToPayoutAccount-MpVqVhGS.js → mapTransferInstrumentToPayoutAccount-BOYDxAUf.js} +1 -1
  95. package/dist/{process-field-configurations-kh7VAcBh.js → process-field-configurations-ClLFHxX6.js} +3 -3
  96. package/dist/{resolveEnvironment-D-9wHJs2.js → resolveEnvironment-D8CEfrp4.js} +3 -3
  97. package/dist/{rules-DFisB-1M.js → rules-Cr3Ka8oq.js} +5 -5
  98. package/dist/style.css +268 -233
  99. package/dist/styles-CLV89_hH.js +268 -233
  100. package/dist/types/api/companySelection/useCompanySelection.d.ts +2 -18
  101. package/dist/types/components/Business/forms/AdditionalInformation/AdditionalInformation.d.ts +8 -2
  102. package/dist/types/components/Business/forms/BasicInformation/BasicInformation.d.ts +1 -3
  103. package/dist/types/components/Business/forms/BasicInformation/types.d.ts +5 -18
  104. package/dist/types/components/Business/forms/BusinessDetails/types.d.ts +0 -21
  105. package/dist/types/components/Business/forms/BusinessSelection/BusinessSelection.d.ts +13 -2
  106. package/dist/types/components/Business/forms/BusinessSelection/types.d.ts +0 -11
  107. package/dist/types/components/Business/forms/CompanyStructure/CompanyStructure.d.ts +3 -2
  108. package/dist/types/components/Business/forms/CompanyStructure/types.d.ts +0 -6
  109. package/dist/types/components/Business/mapping/businessDetails/mapLegalEntityToBusinessDetailsSchema.d.ts +1 -2
  110. package/dist/types/components/Business/tasks/BusinessDetailsDropin/BusinessDetailsDropin.d.ts +3 -3
  111. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +7 -4
  112. package/dist/types/components/Business/tasks/BusinessDetailsDropin/utils.d.ts +23 -2
  113. package/dist/types/components/BusinessLines/forms/SctaForm/SctaInfoModal.d.ts +3 -0
  114. package/dist/types/components/Contract/tasks/ServiceAgreementDropin/ServiceAgreementDropin.d.ts +1 -1
  115. package/dist/types/components/Contract/tasks/ServiceAgreementDropin/types.d.ts +2 -2
  116. package/dist/types/components/Shared/FormFlow/FormFlow.d.ts +1 -1
  117. package/dist/types/components/Shared/FormFlow/FormFlow.types.d.ts +0 -2
  118. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  119. package/dist/types/components/ui/atoms/Link/Link.types.d.ts +1 -1
  120. package/dist/types/components/ui/atoms/Loader/Loader.d.ts +1 -5
  121. package/dist/types/components/ui/atoms/Modal/MaybeModal.d.ts +1 -1
  122. package/dist/types/components/ui/atoms/Svg/svgs.d.ts +4 -0
  123. package/dist/types/context/ExperimentContext/types.d.ts +6 -5
  124. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  125. package/dist/{types-DJeg3Tz6.js → types-CR2U3VAD.js} +1 -1
  126. package/dist/{types-1iAHHNsZ.js → types-DjTezJBU.js} +1 -1
  127. package/dist/{types-CHr4VLHl.js → types-Dk94b8kx.js} +7 -6
  128. package/dist/{types-BDHLVBb5.js → types-Gm2SleFm.js} +1 -1
  129. package/dist/{useAssociatedLegalEntity-qIkD-MFM.js → useAssociatedLegalEntity-Pgb7_79V.js} +1 -1
  130. package/dist/{useCreateLegalEntity-CDFKMwwk.js → useCreateLegalEntity-Ba2rxRgb.js} +2 -2
  131. package/dist/{useDataset-D1AsbWmY.js → useDataset-RNFlX1-i.js} +4 -4
  132. package/dist/{useForm-DzONzNQu.js → useForm-C261ZUdn.js} +10 -9
  133. package/dist/{useGlobalData-B5sNYBl5.js → useGlobalData-COSDbjgb.js} +5 -5
  134. package/dist/{useMultiForm-Dd80_VRc.js → useMultiForm--zHGgbxw.js} +3 -3
  135. package/dist/{useOnboardingStatus-YrIRg4io.js → useOnboardingStatus-DytPj9Ai.js} +1 -1
  136. package/dist/{useScenarios-BkCy7ImD.js → useScenarios-eYrKID9N.js} +2 -2
  137. package/dist/{useTermsOfServiceStatus-D2rhp6YQ.js → useTermsOfServiceStatus-BYJqq3Oi.js} +1 -1
  138. package/dist/{useToastContext-5JlKjAbN.js → useToastContext-CqIJgGTa.js} +2 -2
  139. package/dist/{useUnincorporatedPartnershipMembers-Dwj2XshB.js → useUnincorporatedPartnershipMembers-HC3erocB.js} +4 -4
  140. package/dist/{useUpdateBusinessLines-DzLgvolo.js → useUpdateBusinessLines-Dq3B1Jvy.js} +2 -2
  141. package/dist/{useUpdateLegalEntity-BzuSuul0.js → useUpdateLegalEntity-BPQX_o3v.js} +3 -3
  142. package/dist/{utils-DjzolTRQ.js → utils-B_eQ3Eny.js} +3 -3
  143. package/dist/{utils-Da-KDnEH.js → utils-BbmGXGUy.js} +6 -6
  144. package/dist/{validate-D7GAD2-j.js → validate-ArlZWHo0.js} +1 -1
  145. package/dist/{validate-B48OR9iz.js → validate-B_v0PjtX.js} +1 -1
  146. package/dist/{validationError-DzkunflV.js → validationError-BQZWqXfp.js} +1 -1
  147. package/package.json +2 -2
  148. package/dist/FormFlow-CEyVMiHY.js +0 -224
  149. package/dist/en-US-CBsokt1L.js +0 -42
  150. package/dist/types/components/Business/forms/AdditionalInformation/AdditionalInformationMultiform.d.ts +0 -9
  151. package/dist/types/components/Business/forms/BasicInformation/BasicInformationMultiform.d.ts +0 -11
  152. package/dist/types/components/Business/forms/BusinessDetails/BusinessDetails.d.ts +0 -3
  153. package/dist/types/components/Business/forms/BusinessSelection/BusinessSelectionMultiform.d.ts +0 -14
  154. package/dist/types/components/Business/forms/CompanyStructure/CompanyStructureMultiform.d.ts +0 -4
  155. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/BusinessDetailsMultiformDropin.d.ts +0 -5
  156. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/types.d.ts +0 -2
  157. package/dist/types/components/Business/tasks/BusinessDetailsMultiformDropin/utils.d.ts +0 -23
  158. /package/dist/types/components/Business/{tasks/BusinessDetailsMultiformDropin → forms/BusinessDetails}/BusinessDetailsMultiform.d.ts +0 -0
  159. /package/dist/types/components/Business/tasks/{BusinessDetailsMultiformDropin → BusinessDetailsDropin}/validate.d.ts +0 -0
@@ -7,17 +7,151 @@
7
7
  }
8
8
  }
9
9
  ;
10
- const css = `.adyen-kyc-loader-wrapper {
10
+ const css = `/* for container queries */
11
+ .adyen-kyc-typography {
12
+ color: var(--adyen-sdk-color-label-primary, #001222);
13
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
14
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
15
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
16
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
17
+ margin: var(--adyen-sdk-spacer-000, 0px);
18
+ }
19
+ .adyen-kyc-typography--body {
20
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
21
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
22
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
23
+ letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
24
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
25
+ }
26
+ .adyen-kyc-typography--body-stronger {
27
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
28
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
29
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
30
+ letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
31
+ font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
32
+ }
33
+ .adyen-kyc-typography--body-strongest {
34
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
35
+ font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
36
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
37
+ letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
38
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
39
+ }
40
+ .adyen-kyc-typography--caption {
41
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
42
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
43
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
44
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
45
+ letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
46
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
47
+ }
48
+ .adyen-kyc-typography--caption-stronger {
49
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
50
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
51
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
52
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
53
+ letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
54
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
55
+ }
56
+ .adyen-kyc-typography--title {
57
+ font-size: var(--adyen-sdk-text-title-font-size, 16px);
58
+ font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
59
+ font-weight: var(--adyen-sdk-text-title-font-weight, 600);
60
+ line-height: var(--adyen-sdk-text-title-line-height, 26px);
61
+ letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
62
+ }
63
+ @container main (max-width: 680px) {
64
+ .adyen-kyc-typography--title {
65
+ font-size: var(--adyen-sdk-text-title-mobile-font-size, 16px);
66
+ line-height: var(--adyen-sdk-text-title-mobile-line-height, 26px);
67
+ }
68
+ }
69
+ .adyen-kyc-typography--title-m {
70
+ font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
71
+ font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
72
+ font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
73
+ line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
74
+ letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
75
+ }
76
+ @container main (max-width: 680px) {
77
+ .adyen-kyc-typography--title-m {
78
+ font-size: var(--adyen-sdk-text-title-m-mobile-font-size, 18px);
79
+ line-height: var(--adyen-sdk-text-title-m-mobile-line-height, 28px);
80
+ }
81
+ }
82
+ .adyen-kyc-typography--title-l {
83
+ font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
84
+ font-family: var(--adyen-sdk-text-title-l-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
85
+ font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
86
+ line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
87
+ letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
88
+ }
89
+ @container main (max-width: 680px) {
90
+ .adyen-kyc-typography--title-l {
91
+ font-size: var(--adyen-sdk-text-title-l-mobile-font-size, 20px);
92
+ line-height: var(--adyen-sdk-text-title-l-mobile-line-height, 30px);
93
+ }
94
+ }
95
+ .adyen-kyc-typography--primary {
96
+ color: var(--adyen-sdk-color-label-primary, #001222);
97
+ }
98
+ .adyen-kyc-typography--secondary {
99
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
100
+ }
101
+ .adyen-kyc-typography--tertiary {
102
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
103
+ }
104
+ .adyen-kyc-typography--disabled {
105
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
106
+ }
107
+ .adyen-kyc-typography--success {
108
+ color: var(--adyen-sdk-color-label-success, #008845);
109
+ }
110
+ .adyen-kyc-typography--warning {
111
+ color: var(--adyen-sdk-color-label-warning, #ab6600);
112
+ }
113
+ .adyen-kyc-typography--critical {
114
+ color: var(--adyen-sdk-color-label-critical, #dc3801);
115
+ }
116
+ .adyen-kyc-typography--highlight {
117
+ color: var(--adyen-sdk-color-label-highlight, #0f75dc);
118
+ }
119
+ .adyen-kyc-typography--inverse-primary {
120
+ color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
121
+ }
122
+ .adyen-kyc-typography--inverse-secondary {
123
+ color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
124
+ }.adyen-kyc-loader-wrapper {
11
125
  align-items: center;
12
126
  display: flex;
127
+ flex-direction: column;
128
+ gap: var(--adyen-sdk-spacer-040);
13
129
  height: 100%;
14
130
  justify-content: center;
15
131
  }
16
132
 
17
- .adyen-kyc-loader-wrapper-inline {
18
- display: inline-block;
19
- height: auto;
20
- margin-right: var(--adyen-sdk-spacer-040);
133
+ .adyen-kyc-loader-text {
134
+ opacity: 0;
135
+ transform: translateY(-4px);
136
+ transition:
137
+ opacity 0.3s ease-in-out,
138
+ transform 0.3s ease-in-out;
139
+ }
140
+
141
+ .adyen-kyc-loader-text-visible {
142
+ opacity: 1;
143
+ transform: translateY(0);
144
+ }
145
+
146
+ @keyframes adyen-kyc-fadeInText {
147
+ from {
148
+ opacity: 0;
149
+ transform: translateY(-4px);
150
+ }
151
+ to {
152
+ opacity: 1;
153
+ transform: translateY(0);
154
+ }
21
155
  }
22
156
 
23
157
  .adyen-kyc-loader {
@@ -67,15 +201,6 @@ const css = `.adyen-kyc-loader-wrapper {
67
201
  transform: rotate(360deg);
68
202
  }
69
203
  }
70
-
71
- .adyen-kyc-loader-dot::before {
72
- background: var(--adyen-sdk-color-outline-inverse-primary);
73
- border-radius: 50%;
74
- content: '';
75
- min-height: 6px;
76
- min-width: 6px;
77
- position: absolute;
78
- }
79
204
  .adyen-kyc-icon {
80
205
  color: inherit;
81
206
  display: inline-flex;
@@ -100,8 +225,8 @@ const css = `.adyen-kyc-loader-wrapper {
100
225
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
101
226
  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
102
227
  line-height: 1;
103
- min-height: 44px;
104
- min-width: 44px;
228
+ min-height: var(--adyen-sdk-tap-target);
229
+ min-width: var(--adyen-sdk-tap-target);
105
230
  outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
106
231
  outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
107
232
  overflow: hidden;
@@ -114,7 +239,7 @@ const css = `.adyen-kyc-loader-wrapper {
114
239
  transform: scale(0.95);
115
240
  }
116
241
  .adyen-kyc-button:focus-visible {
117
- outline-color: var(--adyen-sdk-color-label-primary, #001222);
242
+ outline-color: var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
118
243
  }
119
244
  .adyen-kyc-button[disabled] {
120
245
  pointer-events: none;
@@ -140,7 +265,7 @@ const css = `.adyen-kyc-loader-wrapper {
140
265
  }
141
266
 
142
267
  .adyen-kyc-button-shape-circle {
143
- border-radius: 44px;
268
+ border-radius: 50%;
144
269
  }
145
270
 
146
271
  .adyen-kyc-button-variant-primary {
@@ -353,120 +478,6 @@ const css = `.adyen-kyc-loader-wrapper {
353
478
  opacity: 1;
354
479
  transform: translate(-50%, 0);
355
480
  }
356
- }/* for container queries */
357
- .adyen-kyc-typography {
358
- color: var(--adyen-sdk-color-label-primary, #001222);
359
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
360
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
361
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
362
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
363
- margin: var(--adyen-sdk-spacer-000, 0px);
364
- }
365
- .adyen-kyc-typography--body {
366
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
367
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
368
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
369
- letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
370
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
371
- }
372
- .adyen-kyc-typography--body-stronger {
373
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
374
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
375
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
376
- letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
377
- font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
378
- }
379
- .adyen-kyc-typography--body-strongest {
380
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
381
- font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
382
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
383
- letter-spacing: var(--adyen-sdk-text-body-letter-spacing, 0);
384
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
385
- }
386
- .adyen-kyc-typography--caption {
387
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
388
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
389
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
390
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
391
- letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
392
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
393
- }
394
- .adyen-kyc-typography--caption-stronger {
395
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
396
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
397
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
398
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
399
- letter-spacing: var(--adyen-sdk-text-caption-letter-spacing, 0);
400
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
401
- }
402
- .adyen-kyc-typography--title {
403
- font-size: var(--adyen-sdk-text-title-font-size, 16px);
404
- font-family: var(--adyen-sdk-text-title-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
405
- font-weight: var(--adyen-sdk-text-title-font-weight, 600);
406
- line-height: var(--adyen-sdk-text-title-line-height, 26px);
407
- letter-spacing: var(--adyen-sdk-text-title-letter-spacing, 0);
408
- }
409
- @container main (max-width: 680px) {
410
- .adyen-kyc-typography--title {
411
- font-size: var(--adyen-sdk-text-title-mobile-font-size, 16px);
412
- line-height: var(--adyen-sdk-text-title-mobile-line-height, 26px);
413
- }
414
- }
415
- .adyen-kyc-typography--title-m {
416
- font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
417
- font-family: var(--adyen-sdk-text-title-m-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
418
- font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
419
- line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
420
- letter-spacing: var(--adyen-sdk-text-title-m-letter-spacing, 0);
421
- }
422
- @container main (max-width: 680px) {
423
- .adyen-kyc-typography--title-m {
424
- font-size: var(--adyen-sdk-text-title-m-mobile-font-size, 18px);
425
- line-height: var(--adyen-sdk-text-title-m-mobile-line-height, 28px);
426
- }
427
- }
428
- .adyen-kyc-typography--title-l {
429
- font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
430
- font-family: var(--adyen-sdk-text-title-l-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
431
- font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
432
- line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
433
- letter-spacing: var(--adyen-sdk-text-title-l-letter-spacing, 0);
434
- }
435
- @container main (max-width: 680px) {
436
- .adyen-kyc-typography--title-l {
437
- font-size: var(--adyen-sdk-text-title-l-mobile-font-size, 20px);
438
- line-height: var(--adyen-sdk-text-title-l-mobile-line-height, 30px);
439
- }
440
- }
441
- .adyen-kyc-typography--primary {
442
- color: var(--adyen-sdk-color-label-primary, #001222);
443
- }
444
- .adyen-kyc-typography--secondary {
445
- color: var(--adyen-sdk-color-label-secondary, #5c6874);
446
- }
447
- .adyen-kyc-typography--tertiary {
448
- color: var(--adyen-sdk-color-label-tertiary, #8c959d);
449
- }
450
- .adyen-kyc-typography--disabled {
451
- color: var(--adyen-sdk-color-label-disabled, #8c959d);
452
- }
453
- .adyen-kyc-typography--success {
454
- color: var(--adyen-sdk-color-label-success, #008845);
455
- }
456
- .adyen-kyc-typography--warning {
457
- color: var(--adyen-sdk-color-label-warning, #ab6600);
458
- }
459
- .adyen-kyc-typography--critical {
460
- color: var(--adyen-sdk-color-label-critical, #dc3801);
461
- }
462
- .adyen-kyc-typography--highlight {
463
- color: var(--adyen-sdk-color-label-highlight, #0f75dc);
464
- }
465
- .adyen-kyc-typography--inverse-primary {
466
- color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
467
- }
468
- .adyen-kyc-typography--inverse-secondary {
469
- color: var(--adyen-sdk-color-label-inverse-secondary, #9da5ac);
470
481
  }.adyen-kyc-skeleton {
471
482
  width: 100%;
472
483
  height: 100%;
@@ -1114,6 +1125,7 @@ const css = `.adyen-kyc-loader-wrapper {
1114
1125
  @layer default {
1115
1126
  :root,
1116
1127
  :host {
1128
+ --adyen-sdk-tap-target: 44px;
1117
1129
  --adyen-sdk-animation-easing-standard: cubic-bezier(0.2, 0, 0.4, 0.9);
1118
1130
  --adyen-sdk-animation-easing-enter: cubic-bezier(0.12, 0.6, 0.4, 0.95);
1119
1131
  --adyen-sdk-animation-easing-exit: cubic-bezier(0.4, 0, 1, 1);
@@ -1548,8 +1560,8 @@ const css = `.adyen-kyc-loader-wrapper {
1548
1560
  }
1549
1561
  @media (min-width: 680px) {
1550
1562
  .adyen-kyc-modal-inset {
1551
- padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
1552
- padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
1563
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
1564
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
1553
1565
  }
1554
1566
  }
1555
1567
 
@@ -2073,52 +2085,24 @@ const css = `.adyen-kyc-loader-wrapper {
2073
2085
 
2074
2086
  .adyen-kyc-handle-pointer-events {
2075
2087
  pointer-events: auto;
2076
- }.adyen-kyc-spacer {
2077
- flex: 1;
2078
2088
  }.adyen-kyc-progress-bar {
2079
- display: flex;
2080
- flex: 1;
2081
- padding: var(--adyen-sdk-spacer-000, 0px);
2082
- margin: var(--adyen-sdk-spacer-000, 0px);
2083
- --step-progress-internal-height: 0.25em;
2084
- }
2085
-
2086
- .adyen-kyc-progress-bar-thick li {
2087
- --step-progress-internal-height: 0.4em;
2088
- }
2089
-
2090
- .adyen-kyc-progress-bar-thick li:first-of-type {
2091
- border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
2092
- border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
2093
- }
2094
-
2095
- .adyen-kyc-progress-bar-thick li:last-of-type {
2096
- border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
2097
- border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
2098
- }
2099
-
2100
- .adyen-kyc-progress-step {
2101
- background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
2102
- display: flex;
2103
- flex: 1;
2104
- height: var(--step-progress-internal-height);
2089
+ --adyen-progress-bar-size: 4px;
2090
+ background-color: var(--adyen-sdk-color-background-secondary);
2091
+ height: var(--adyen-progress-bar-size);
2092
+ overflow: hidden;
2105
2093
  }
2106
2094
 
2107
- .adyen-kyc-progress-step-active {
2108
- background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
2095
+ .adyen-kyc-progress-bar-rounded {
2096
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
2109
2097
  }
2110
2098
 
2111
- .adyen-kyc-progress-bar-circles li {
2112
- flex: none;
2113
- width: var(--step-progress-internal-height);
2114
- border-radius: var(--step-progress-internal-height);
2115
- margin: 0 var(--step-progress-internal-height);
2099
+ .adyen-kyc-progress-bar-indicator {
2100
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
2101
+ text-indent: -1000%;
2102
+ transition: width 400ms;
2103
+ overflow: hidden;
2116
2104
  }
2117
-
2118
- .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
2119
- padding: 0 calc(var(--step-progress-internal-height) / 2);
2120
- margin: 0 calc(var(--step-progress-internal-height) / 2);
2121
- }.adyen-kyc-end-state-layout {
2105
+ .adyen-kyc-end-state-layout {
2122
2106
  align-items: center;
2123
2107
  display: flex;
2124
2108
  flex-direction: column;
@@ -2200,7 +2184,6 @@ const css = `.adyen-kyc-loader-wrapper {
2200
2184
  }
2201
2185
 
2202
2186
  .adyen-kyc-end-state-layout-action {
2203
- align-items: center;
2204
2187
  display: flex;
2205
2188
  flex-direction: column;
2206
2189
  gap: var(--adyen-sdk-spacer-040);
@@ -2290,7 +2273,7 @@ const css = `.adyen-kyc-loader-wrapper {
2290
2273
  user-select: auto;
2291
2274
  }
2292
2275
  .adyen-kyc-alert {
2293
- border-radius: var(--adyen-sdk-border-radius-l);
2276
+ border-radius: var(--adyen-sdk-border-radius-m);
2294
2277
  padding: var(--adyen-sdk-spacer-070);
2295
2278
  word-break: break-word;
2296
2279
  display: flex;
@@ -2354,7 +2337,7 @@ const css = `.adyen-kyc-loader-wrapper {
2354
2337
  }
2355
2338
 
2356
2339
  .adyen-kyc-alert-explanation {
2357
- color: var(--adyen-sdk-color-label-secondary);
2340
+ color: var(--adyen-sdk-color-label-primary);
2358
2341
  font-size: var(--adyen-sdk-text-body-font-size);
2359
2342
  margin: 0 var(--adyen-sdk-spacer-100);
2360
2343
  }
@@ -2365,24 +2348,6 @@ const css = `.adyen-kyc-loader-wrapper {
2365
2348
  text-align: left;
2366
2349
  }
2367
2350
  /* for container queries */
2368
- .adyen-action-bar {
2369
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2370
- display: flex;
2371
- align-items: center;
2372
- margin: var(--adyen-sdk-spacer-120, 48px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
2373
- }
2374
- @container main (max-width: 680px) {
2375
- .adyen-action-bar {
2376
- flex-direction: column;
2377
- gap: var(--adyen-sdk-spacer-040, 8px);
2378
- }
2379
- }
2380
- @container main (min-width: 680px) and (max-width: 1024px) {
2381
- .adyen-action-bar {
2382
- flex-flow: row-reverse;
2383
- justify-content: space-between;
2384
- }
2385
- }/* for container queries */
2386
2351
  .adyen-kyc-form-navigation {
2387
2352
  width: 100%;
2388
2353
  }
@@ -2462,24 +2427,59 @@ const css = `.adyen-kyc-loader-wrapper {
2462
2427
  color: var(--adyen-sdk-color-label-critical, #dc3801);
2463
2428
  }.adyen-contract-viewer .adyen-document-viewer {
2464
2429
  --adv-text-color: var(--adyen-sdk-color-label-primary, #001222);
2465
- --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
2430
+ --adv-text-font-weight-regular: var(--adyen-sdk-text-body-font-weight, 400);
2431
+ --adv-text-font-weight-semi-bold: var(--adyen-sdk-text-body-stronger-font-weight, 500);
2432
+ --adv-text-line-height: var(--adyen-sdk-text-body-line-height, 20px);
2433
+ --adv-text-font-size-medium: var(--adyen-sdk-text-body-font-size, 14px);
2434
+ --adv-text-font-size-small: var(--adyen-sdk-text-caption-font-size, 12px);
2466
2435
  --adv-text-font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
2467
- --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2468
- --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2436
+ --adv-heading-font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
2437
+ --adv-heading-font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
2438
+ --adv-heading-line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
2439
+ --adv-heading-2-font-size: var(--adyen-sdk-text-title-m-font-size, 20px);
2440
+ --adv-heading-2-font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
2441
+ --adv-heading-2-line-height: var(--adyen-sdk-text-title-m-line-height, 30px);
2442
+ --adv-color-white: var(--adyen-sdk-color-background-primary, #ffffff);
2443
+ --adv-color-grey-10: var(--adyen-sdk-color-background-secondary, #f4f5f6);
2444
+ --adv-color-grey-20: var(--adyen-sdk-color-background-tertiary, #ecedef);
2445
+ --adv-color-black: var(--adyen-sdk-color-background-inverse-primary, #001222);
2446
+ --adv-color-blue: var(--adyen-sdk-color-decorative-blue, #006bd7);
2447
+ --adv-accordion-header-color: var(--adyen-sdk-color-label-primary, #001222);
2448
+ --adv-accordion-header-font-weight: var(--adyen-sdk-text-title-font-weight, 600);
2469
2449
  --adv-accordion-header-hover-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2470
- --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2471
2450
  --adv-accordion-header-active-background-color: var(--adyen-sdk-color-background-primary-active, #ecedef);
2472
2451
  --adv-accordion-content-padding: 0;
2452
+ --adv-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2453
+ --adv-section-background-color: var(--adyen-sdk-color-background-primary, #ffffff);
2454
+ --adv-table-row-changed-background-color: var(--adyen-sdk-color-background-primary-hover, #f4f5f6);
2473
2455
  --adv-icon-color: var(--adyen-sdk-color-label-primary, #001222);
2474
2456
  --adv-link-color: var(--adyen-sdk-color-link-primary, #0065c9);
2457
+ --adv-link-active-color: var(--adyen-sdk-color-link-primary, #0065c9);
2458
+ --adv-link-visited-color: var(--adyen-sdk-color-link-primary-visited, #540884);
2475
2459
  }.adyen-document-viewer{--adv-color-white: #fff;--adv-color-black: #00112c;--adv-color-grey-10: #f3f6f9;--adv-color-grey-20: #dce0e5;--adv-color-blue: #06f;--adv-background-color: var(--adv-color-white);--adv-text-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--adv-text-color: var(--adv-color-black);--adv-text-font-weight-regular: 400;--adv-text-font-weight-semi-bold: 600;--adv-text-line-height: 1.4;--adv-text-font-size-medium: 15px;--adv-text-font-size-small: 13px;--adv-border-width: 1px;--adv-border-style: solid;--adv-border-color: var(--adv-color-grey-20);--adv-border-radius: 6px;--adv-transition-duration: .1s;--adv-transition-function: cubic-bezier(.785, .135, .15, .86);--adv-focus-ring-transition-duration: var(--adv-transition-duration);--adv-focus-ring-timing-function: var(--adv-transition-function);--adv-focus-ring-color: rgba(0, 102, 255, .4);--adv-focus-ring-distance: 1px;--adv-focus-ring-width: 3px;--adv-focus-ring-z-index: 1;--adv-focus-ring-background-color: var(--adv-color-white);--adv-spacing-0: 0;--adv-spacing-2: 2px;--adv-spacing-4: 4px;--adv-spacing-8: 8px;--adv-spacing-12: 12px;--adv-spacing-16: 16px;--adv-spacing-24: 24px;--adv-spacing-32: 32px;--adv-spacing-40: 40px;--adv-spacing-48: 48px;--adv-accordion-border-radius: var(--adv-border-radius);--adv-accordion-item-border-color: var(--adv-border-color);--adv-accordion-item-border-width: var(--adv-border-width);--adv-accordion-between-items-border-color: transparent;--adv-accordion-header-color: var(--adv-color-black);--adv-accordion-header-padding: var(--adv-spacing-16);--adv-accordion-header-font-weight: var(--adv-text-font-weight-semi-bold);--adv-accordion-header-hover-background-color: var(--adv-color-grey-10);--adv-accordion-header-active-background-color: var(--adv-color-grey-20);--adv-accordion-header-border-radius: var(--adv-spacing-4);--adv-accordion-title-color: inherit;--adv-accordion-toggle-margin: var(--adv-spacing-2) var(--adv-spacing-16) 0 0;--adv-accordion-toggle-padding: 0;--adv-accordion-toggle-width: var(--adv-spacing-12);--adv-accordion-content-margin: 0 0 var(--adv-spacing-24);--adv-accordion-content-padding: 0 var(--adv-spacing-16) 0 calc(var(--adv-spacing-32) + var(--adv-spacing-12));--adv-accordion-content-closed-margin: 0;--adv-accordion-transition-duration: var(--adv-transition-duration);--adv-accordion-transition-function: var(--adv-transition-function);--adv-accordion-transition-property: margin, height, padding;--adv-accordion-css-animated-max-height: 500px;--adv-accordion-css-animated-transition-duration: var(--adv-accordion-transition-duration);--adv-accordion-css-animated-transition-property: margin, max-height;--adv-heading-font-size: 32px;--adv-heading-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-line-height: 40px;--adv-heading-text-align: left;--adv-heading-2-font-size: 24px;--adv-heading-2-font-weight: var(--adv-text-font-weight-semi-bold);--adv-heading-2-line-height: 32px;--adv-icon-color: var(--adv-color-black);--adv-link-color: var(--adv-color-blue);--adv-link-background-color: transparent;--adv-link-text-decoration: none;--adv-link-hover-text-decoration: underline;--adv-link-active-color: var(--adv-link-color);--adv-link-focus-outline: none;--adv-link-visited-color: var(--adv-link-color);--adv-link-inherit-font-size: inherit;--adv-link-inherit-color: inherit;--adv-link-underline-color: inherit;--adv-list-margin: 0;--adv-list-padding: 0 0 0 18px;--adv-list-nested-padding: var(--adv-list-padding);--adv-list-item-padding: 0 0 0 var(--adv-spacing-4);--adv-list-no-markers-padding: 0;--adv-list-no-markers-list-style: none;--adv-section-background-color: var(--adv-color-grey-10);--adv-section-border-radius: var(--adv-border-radius);--adv-section-margin: var(--adv-spacing-24) 0 0 0;--adv-section-padding: var(--adv-spacing-16);--adv-table-width: 100%;--adv-table-margin: 0;--adv-table-padding: 0;--adv-table-border: none;--adv-table-vertical-align: top;--adv-table-line-height: 16px;--adv-table-row-border-width: var(--adv-border-width);--adv-table-row-border-style: var(--adv-border-style);--adv-table-row-border-color: var(--adv-border-color);--adv-table-row-border: var(--adv-table-row-border-width) var(--adv-table-row-border-style) var(--adv-table-row-border-color);--adv-table-row-changed-background-color: var(--adv-color-grey-10);--adv-table-cell-padding-top: var(--adv-spacing-12);--adv-table-cell-padding-right: calc(var(--adv-spacing-16) + var(--adv-spacing-24));--adv-table-cell-padding-bottom: var(--adv-spacing-12);--adv-table-cell-padding-left: var(--adv-spacing-16);--adv-table-cell-padding: var(--adv-table-cell-padding-top) var(--adv-table-cell-padding-right) var(--adv-table-cell-padding-bottom) var(--adv-table-cell-padding-left);--adv-table-cell-text-align: left;--adv-table-first-column-padding-left: var(--adv-spacing-24);--adv-table-condensed-cell-padding-y: var(--adv-spacing-8);--adv-table-condensed-cell-padding: var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-right) var(--adv-table-condensed-cell-padding-y) var(--adv-table-cell-padding-left);--adv-table-condensed-font-size: var(--adv-text-font-size-small)}.adv-u-text-align-center{text-align:center!important}.adv-u-margin-bottom-16{margin-bottom:var(--adv-spacing-16)!important}.adv-u-margin-bottom-48{margin-bottom:var(--adv-spacing-48)!important}.adv-u-margin-top-24{margin-top:var(--adv-spacing-24)!important}.adv-u-margin-y-8{margin-bottom:var(--adv-spacing-8)!important;margin-top:var(--adv-spacing-8)!important}.adv-u-font-weight-regular{font-weight:var(--adv-text-font-weight-regular)!important}.adv-u-font-weight-semi-bold{font-weight:var(--adv-text-font-weight-semi-bold)!important}.adv-u-font-italic{font-style:italic!important}.adyen-document-viewer{background-color:var(--adv-background-color)}.adv-accordion{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-accordion *,.adv-accordion *:before,.adv-accordion *:after{box-sizing:border-box}.adv-accordion--container{border:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);border-radius:var(--adv-accordion-border-radius)}.adv-accordion--container .adv-accordion__item:first-child{border-top-color:transparent}.adv-accordion--container .adv-accordion__item:first-child>.adv-accordion__header{border-radius:var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius) 0 0}.adv-accordion--container .adv-accordion__item:last-child{border-bottom-color:transparent}.adv-accordion--container .adv-accordion__item:last-child:not(.adv-accordion__item--open)>.adv-accordion__header{border-radius:0 0 var(--adv-accordion-header-border-radius) var(--adv-accordion-header-border-radius)}.adv-bigskip{height:var(--adv-text-font-size-medium)}.adv-heading{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-heading *,.adv-heading *:before,.adv-heading *:after{box-sizing:border-box}.adv-heading{display:block;font-size:var(--adv-heading-font-size);font-weight:var(--adv-heading-font-weight);line-height:var(--adv-heading-line-height);margin:0;padding:0;text-align:var(--adv-heading-text-align)}.adv-heading--2{font-size:var(--adv-heading-2-font-size);font-weight:var(--adv-heading-2-font-weight);line-height:var(--adv-heading-2-line-height)}.adv-link{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-link *,.adv-link *:before,.adv-link *:after{box-sizing:border-box}.adv-link{background-color:var(--adv-link-background-color);border:0;color:var(--adv-link-color);cursor:pointer;display:inline;max-width:300px;overflow:hidden;padding:0;text-decoration:var(--adv-link-text-decoration);text-overflow:ellipsis;vertical-align:baseline}.adv-link:hover{text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:active{color:var(--adv-link-active-color)}.adv-link:focus{outline:var(--adv-link-focus-outline);text-decoration:var(--adv-link-hover-text-decoration)}.adv-link:visited{color:var(--adv-link-visited-color)}.adv-list{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-list *,.adv-list *:before,.adv-list *:after{box-sizing:border-box}.adv-list{display:block;list-style-position:outside;list-style-type:disc;margin:var(--adv-list-margin);padding:var(--adv-list-padding)}.adv-list--no-markers{list-style:var(--adv-list-no-markers-list-style);padding:var(--adv-list-no-markers-padding)}.adv-list--no-markers .adv-list__item{padding-left:0}.adv-list__item{padding:var(--adv-list-item-padding)}.adv-list__item--no-marker{list-style:var(--adv-list-no-markers-list-style)}.adv-list--nested{list-style-type:circle;padding:var(--adv-list-nested-padding)}.adv-list--ordered{list-style-type:decimal}.adv-paragraph{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-paragraph *,.adv-paragraph *:before,.adv-paragraph *:after{box-sizing:border-box}.adv-paragraph{margin-bottom:0;margin-top:0}.adv-paragraph:not(:first-child){margin-top:var(--adv-spacing-16)}.adv-section-box{background-color:var(--adv-section-background-color);border-radius:var(--adv-section-border-radius);margin:var(--adv-section-margin);padding:var(--adv-section-padding)}.adv-accordion__item{border-bottom:var(--adv-accordion-item-border-width) solid var(--adv-accordion-between-items-border-color);border-top:var(--adv-accordion-item-border-width) solid var(--adv-accordion-item-border-color);position:relative}.adv-accordion__item:last-child{border-bottom-color:var(--adv-accordion-item-border-color)}.adv-accordion__item--open{overflow:visible}.adv-accordion__header{color:var(--adv-accordion-header-color);cursor:pointer;display:flex;padding:var(--adv-accordion-header-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__header:hover{background-color:var(--adv-accordion-header-hover-background-color)}.adv-accordion__header:active{background-color:var(--adv-accordion-header-active-background-color)}.adv-accordion__header:focus{box-shadow:0 0 0 var(--adv-focus-ring-distance) var(--adv-focus-ring-background-color),0 0 0 var(--adv-focus-ring-width) var(--adv-focus-ring-color);transition:var(--adv-focus-ring-transition-duration) var(--adv-focus-ring-timing-function);transition-property:box-shadow;outline:none}.adv-accordion__title-wrapper{flex:1}.adv-accordion__title{color:var(--adv-accordion-title-color);font-weight:var(--adv-accordion-header-font-weight)}.adv-accordion__toggle{line-height:1;margin:var(--adv-accordion-toggle-margin);padding:var(--adv-accordion-toggle-padding);width:var(--adv-accordion-toggle-width)}.adv-accordion__content{box-sizing:border-box;margin:var(--adv-accordion-content-margin);overflow-x:auto;overflow-y:hidden;padding:var(--adv-accordion-content-padding);transition-duration:var(--adv-accordion-transition-duration);transition-property:var(--adv-accordion-transition-property)}.adv-accordion__item>.adv-accordion__content{margin:var(--adv-accordion-content-closed-margin)}.adv-accordion__item--open>.adv-accordion__content{margin:var(--adv-accordion-content-margin)}.adv-accordion--max-height-transition .adv-accordion__item>.adv-accordion__content{max-height:0;transition-duration:var(--adv-accordion-css-animated-transition-duration);transition-property:var(--adv-accordion-css-animated-transition-property)}.adv-accordion--max-height-transition .adv-accordion__item--open>.adv-accordion__content{max-height:var(--adv-accordion-css-animated-max-height)}.adv-collapsible-container{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-collapsible-container *,.adv-collapsible-container *:before,.adv-collapsible-container *:after{box-sizing:border-box}.adv-collapsible-container{overflow:hidden;transition:height var(--adv-accordion-transition-duration) var(--adv-accordion-transition-function)}.adv-icon{display:inline-block;fill:var(--adv-icon-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;position:relative;speak:none;text-transform:none;vertical-align:baseline}.adv-table{color:var(--adv-text-color);font-family:var(--adv-text-font-family);font-size:var(--adv-text-font-size-medium);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:var(--adv-text-font-weight-regular);line-height:var(--adv-text-line-height)}.adv-table *,.adv-table *:before,.adv-table *:after{box-sizing:border-box}.adv-table{border:var(--adv-table-border);border-collapse:collapse;border-spacing:0;line-height:var(--adv-table-line-height);margin:var(--adv-table-margin);padding:var(--adv-table-padding);text-align:left;width:var(--adv-table-width)}.adv-table--condensed .adv-table__cell{font-size:var(--adv-table-condensed-font-size);padding:var(--adv-table-condensed-cell-padding)}.adv-table__row{vertical-align:var(--adv-table-vertical-align);border-bottom:var(--adv-table-row-border)}.adv-table__row--changed{background-color:var(--adv-table-row-changed-background-color)}.adv-table__body{vertical-align:var(--adv-table-vertical-align)}.adv-table__body .adv-table__row:hover{background-color:var(--adv-table-row-changed-background-color)}.adv-table__cell{border-left:var(--adv-border-width) solid transparent;border-right:var(--adv-border-width) solid transparent;overflow:auto;padding:var(--adv-table-cell-padding);text-align:var(--adv-table-cell-text-align);vertical-align:inherit}.adv-table__cell:first-child,.adv-table__cell--first-column{padding-left:var(--adv-table-first-column-padding-left)}
2476
2460
  .adyen-kyc-tos-signed-alert:last-of-type {
2477
2461
  margin-top: var(--adyen-sdk-spacer-070);
2478
2462
  }
2479
2463
 
2464
+ .adyen-kyc-tos-container {
2465
+ height: 100%;
2466
+ }
2467
+
2480
2468
  .adyen-kyc-tos-content {
2481
2469
  display: flex;
2482
- height: 100%;
2470
+ padding: var(--adyen-sdk-spacer-070);
2471
+ }
2472
+
2473
+ .adyen-kyc-tos-actions {
2474
+ display: flex;
2475
+ justify-content: space-between;
2476
+ align-items: center;
2477
+ gap: var(--adyen-sdk-spacer-040);
2478
+ padding: var(--adyen-sdk-spacer-070);
2479
+
2480
+ &:has(> :only-child) {
2481
+ justify-content: flex-end;
2482
+ }
2483
2483
  }
2484
2484
  /* for container queries */
2485
2485
  .adyen-kyc-status {
@@ -3211,24 +3211,7 @@ fieldset {
3211
3211
  .adyen-kyc-summary-content-logo {
3212
3212
  height: 28px;
3213
3213
  width: 100px;
3214
- }.adyen-kyc-progress-bar {
3215
- --adyen-progress-bar-size: 4px;
3216
- background-color: var(--adyen-sdk-color-background-secondary);
3217
- height: var(--adyen-progress-bar-size);
3218
- overflow: hidden;
3219
- }
3220
-
3221
- .adyen-kyc-progress-bar-rounded {
3222
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
3223
- }
3224
-
3225
- .adyen-kyc-progress-bar-indicator {
3226
- background-color: var(--adyen-sdk-color-background-inverse-primary);
3227
- text-indent: -1000%;
3228
- transition: width 400ms;
3229
- overflow: hidden;
3230
- }
3231
- .adyen-kyc-form-flow {
3214
+ }.adyen-kyc-form-flow {
3232
3215
  container-type: inline-size;
3233
3216
  width: 100%;
3234
3217
  min-height: 100%;
@@ -3249,8 +3232,8 @@ fieldset {
3249
3232
  }
3250
3233
  @container (min-width: 599px) {
3251
3234
  .adyen-kyc-form-flow-content {
3252
- padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3253
- padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3235
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
3236
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + var(--adyen-sdk-tap-target));
3254
3237
  }
3255
3238
  }
3256
3239
 
@@ -3279,9 +3262,10 @@ fieldset {
3279
3262
  padding: var(--adyen-sdk-spacer-070, 16px);
3280
3263
  }
3281
3264
 
3282
- .adyen-kyc-form-flow-action-group {
3265
+ .adyen-kyc-form-flow-primary-actions {
3283
3266
  display: flex;
3284
3267
  gap: var(--adyen-sdk-spacer-040, 8px);
3268
+ margin-left: auto;
3285
3269
  }.adyen-kyc-business-financing-lei-radio {
3286
3270
  display: grid;
3287
3271
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
@@ -3546,6 +3530,8 @@ input.adyen-kyc-radio-group-card__radio--floating {
3546
3530
  75% {
3547
3531
  transform: translateX(4px);
3548
3532
  }
3533
+ }.adyen-kyc-spacer {
3534
+ flex: 1;
3549
3535
  }.adyen-kyc-description-field {
3550
3536
  padding: var(--adyen-sdk-spacer-080, 20px) 0;
3551
3537
  }.adyen-kyc-document-upload__subtitle {
@@ -3932,6 +3918,49 @@ input.adyen-kyc-radio-group-card__radio--floating {
3932
3918
 
3933
3919
  .adyen-kyc-idnow-verification-header-image svg {
3934
3920
  max-width: 180px;
3921
+ }.adyen-kyc-progress-bar {
3922
+ display: flex;
3923
+ flex: 1;
3924
+ padding: var(--adyen-sdk-spacer-000, 0px);
3925
+ margin: var(--adyen-sdk-spacer-000, 0px);
3926
+ --step-progress-internal-height: 0.25em;
3927
+ }
3928
+
3929
+ .adyen-kyc-progress-bar-thick li {
3930
+ --step-progress-internal-height: 0.4em;
3931
+ }
3932
+
3933
+ .adyen-kyc-progress-bar-thick li:first-of-type {
3934
+ border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
3935
+ border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
3936
+ }
3937
+
3938
+ .adyen-kyc-progress-bar-thick li:last-of-type {
3939
+ border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
3940
+ border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
3941
+ }
3942
+
3943
+ .adyen-kyc-progress-step {
3944
+ background-color: var(--adyen-sdk-color-background-tertiary, #ecedef);
3945
+ display: flex;
3946
+ flex: 1;
3947
+ height: var(--step-progress-internal-height);
3948
+ }
3949
+
3950
+ .adyen-kyc-progress-step-active {
3951
+ background-color: var(--adyen-sdk-color-background-inverse-primary, #001222);
3952
+ }
3953
+
3954
+ .adyen-kyc-progress-bar-circles li {
3955
+ flex: none;
3956
+ width: var(--step-progress-internal-height);
3957
+ border-radius: var(--step-progress-internal-height);
3958
+ margin: 0 var(--step-progress-internal-height);
3959
+ }
3960
+
3961
+ .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3962
+ padding: 0 calc(var(--step-progress-internal-height) / 2);
3963
+ margin: 0 calc(var(--step-progress-internal-height) / 2);
3935
3964
  }/* for container queries */
3936
3965
  .adyen-kyc-form-container {
3937
3966
  width: 100%;
@@ -3964,6 +3993,24 @@ input.adyen-kyc-radio-group-card__radio--floating {
3964
3993
  .adyen-kyc-form-with-sidebar {
3965
3994
  flex-direction: column;
3966
3995
  }
3996
+ }/* for container queries */
3997
+ .adyen-action-bar {
3998
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3999
+ display: flex;
4000
+ align-items: center;
4001
+ margin: var(--adyen-sdk-spacer-120, 48px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-000, 0px);
4002
+ }
4003
+ @container main (max-width: 680px) {
4004
+ .adyen-action-bar {
4005
+ flex-direction: column;
4006
+ gap: var(--adyen-sdk-spacer-040, 8px);
4007
+ }
4008
+ }
4009
+ @container main (min-width: 680px) and (max-width: 1024px) {
4010
+ .adyen-action-bar {
4011
+ flex-flow: row-reverse;
4012
+ justify-content: space-between;
4013
+ }
3967
4014
  }.adyen-kyc-tag {
3968
4015
  display: inline-block;
3969
4016
  font-size: var(--adyen-sdk-text-caption-font-size);
@@ -5599,18 +5646,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
5599
5646
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
5600
5647
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
5601
5648
  border-top: var(--adyen-sdk-border-default-s);
5602
- }/* for container queries */
5603
- .adyen-kyc-business-details {
5604
- min-height: 480px;
5605
- }
5606
- @container main (min-width: 680px) and (max-width: 1024px) {
5607
- .adyen-kyc-business-details .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
5608
- margin-left: 0;
5609
- }
5610
- }
5611
- .adyen-kyc-business-details--hide,
5612
- .adyen-kyc-business-details [class*="--hide"] {
5613
- display: none;
5614
5649
  }.adyen-kyc-window {
5615
5650
  position: relative;
5616
5651
  margin-left: calc(50% - 50cqw);