@adyen/kyc-components 3.85.0 → 3.86.0-beta.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 (398) hide show
  1. package/dist/{AcceptTermsOfServiceComponent-DWt6MA7A.js → AcceptTermsOfServiceComponent-DzMlzUjz.js} +16 -17
  2. package/dist/{Accordion-DQSd9JrF.js → Accordion-ZHPTn2Gl.js} +2 -2
  3. package/dist/{AccountSetupRejected-Y2jV7DOd.js → AccountSetupRejected-DON-7H74.js} +4 -4
  4. package/dist/{Address-CN31gTRW.js → Address-ChPj2pfR.js} +337 -22
  5. package/dist/{Alert-B2qwr9au.js → Alert-CeZqoFeT.js} +3 -3
  6. package/dist/{Avatar-CrL6cVDB.js → Avatar-zXT7v3KF.js} +2 -2
  7. package/dist/{BusinessDetailsMultiformDropin-BB1mTi0Z.js → BusinessDetailsMultiformDropin-DKiYg8gJ.js} +89 -3112
  8. package/dist/{BusinessFinancingComponent-BevBrUTE.js → BusinessFinancingComponent-BRziB5i-.js} +6 -6
  9. package/dist/{BusinessFinancingDropin-BgU5hfv0.js → BusinessFinancingDropin-CUmKL5bO.js} +21 -38
  10. package/dist/{BusinessFinancingPage-u2Xu42u-.js → BusinessFinancingPage-DhhnCxFQ.js} +4 -4
  11. package/dist/{BusinessTypeSelectionPage-BNxEzkjO.js → BusinessTypeSelectionPage-B_dVM7cC.js} +9 -8
  12. package/dist/Card-Bz2B4J0v.js +82 -0
  13. package/dist/ConstitutionalDocument-Dt9O9bVo.js +143 -0
  14. package/dist/{CountryField-CFppUh42.js → CountryField-Bv9P8dRJ.js} +110 -78
  15. package/dist/CreateIndividualComponent-Mw4AiW_M.js +71 -0
  16. package/dist/CreateTransferInstrumentComponent-usUQlcH_.js +66 -0
  17. package/dist/{Currency-Zz8j3LFf.js → Currency-SzvigNNo.js} +8 -63
  18. package/dist/{CustomerSupport-CkqG00fn.js → CustomerSupport-C_KLB51k.js} +21 -9
  19. package/dist/{DebugModal-Cxp_Lbjk.js → DebugModal-DYolUZQS.js} +9 -9
  20. package/dist/{DecisionMakerDetailsPage-kpoxsSYP.js → DecisionMakerDetailsPage-C2BzKLSi.js} +7 -7
  21. package/dist/{DecisionMakers-DMboYynJ.js → DecisionMakers-DTYzQWdY.js} +18 -20
  22. package/dist/{EmbeddedStatus-DdZv9Kwp.js → EmbeddedStatus-jepajhAF.js} +3 -3
  23. package/dist/{EndStateLayout-Cswr0wiZ.js → EndStateLayout-DQm7Xrqx.js} +2 -2
  24. package/dist/{useFormContext-DrrsFJH7.js → FormFlow-A9b0QEcM.js} +10 -16
  25. package/dist/{FormNavigation-DrejHtXO.js → FormNavigation-DEdNWaAc.js} +5 -5
  26. package/dist/{useGlobalData-rR_jnTzW.js → FormWrapper-DjWyqVD2.js} +12 -79
  27. package/dist/{IndividualOnfidoDropin-CydUe7_6.js → IndividualOnfido-BMIkKHvJ.js} +8187 -6328
  28. package/dist/IndividualOnfidoDropin-DBQF0Onh.js +2502 -0
  29. package/dist/{InputText-EX5kyD9L.js → InputText-BG-TiSNN.js} +4 -4
  30. package/dist/{Introduction-DncY2r7T.js → Introduction-BgoEJd8o.js} +4 -4
  31. package/dist/{JpAddress-BTfvrykR.js → JpAddress-Jxj9u4D5.js} +8 -8
  32. package/dist/{LegalRepresentativeDetailsPage-DxqaU2W7.js → LegalRepresentativeDetailsPage-BH5AnQhk.js} +5 -5
  33. package/dist/{ListItem-pn0XFAz_.js → ListItem-DIDj0vuO.js} +3 -3
  34. package/dist/{ManageIndividualComponent-CKRuUS0t.js → ManageIndividualComponent-CJKXW8rK.js} +5 -5
  35. package/dist/{ManageTermsOfServiceComponent-DDgriC3w.js → ManageTermsOfServiceComponent-DNf00D1s.js} +5 -5
  36. package/dist/{ManageTransferInstrumentComponent-BoQn6JaV.js → ManageTransferInstrumentComponent-gVWN389q.js} +14 -13
  37. package/dist/{MaybeModal-B1X7K4z1.js → MaybeModal-D51ALTH6.js} +3 -3
  38. package/dist/{Modal-ConNvgj4.js → Modal-C9aImxis.js} +2 -2
  39. package/dist/OnboardingDropinComponent-D-tQ12Sy.js +9791 -0
  40. package/dist/{PayoutDetailsDropin-CHOa81Ot.js → PayoutDetailsDropin-CxWPXV7j.js} +288 -158
  41. package/dist/{Review-BAuL4AQ-.js → Review-CRhM6n_P.js} +8 -8
  42. package/dist/RootBusinessDetailsPage-DZrT_e0g.js +61 -0
  43. package/dist/{RootBusinessLinesPage-D-YRRyIW.js → RootBusinessLinesPage-CJUpoVy5.js} +267 -144
  44. package/dist/RootIndividualDetailsPage-pqVuzOoJ.js +80 -0
  45. package/dist/{SignPCIComponent-B6FQiV5E.js → SignPCIComponent-BNbx3OzX.js} +11 -11
  46. package/dist/{SingpassSelection-DxGUYazk.js → SingpassSelection-BAa3S705.js} +4 -5
  47. package/dist/SoleProprietorshipPage-Bhw3GBKP.js +60 -0
  48. package/dist/{SourceOfFundsPage-Ce-Mim_H.js → SourceOfFundsPage-CJXpHSgo.js} +24 -29
  49. package/dist/{StepProgressIndicator-BymtNCPV.js → StepProgressIndicator-Dncrs7ra.js} +2 -2
  50. package/dist/{StoreProvider-BYjTSjnX.js → StoreProvider-CWnZNw9D.js} +427 -305
  51. package/dist/{TaskItemStatus-BholBQ7C.js → TaskItemStatus-D3ri_-L2.js} +3 -3
  52. package/dist/{TaxReportingDropin-CSa5vto5.js → TaxReportingDropin-Du7KU--L.js} +15 -17
  53. package/dist/{TrustDetailsPage-CYMeuEyr.js → TrustDetailsPage-SGmHwgzj.js} +24 -32
  54. package/dist/{TrustMemberCompanyPage-DICY9KDR.js → TrustMemberCompanyPage-BkQ9q4_T.js} +6 -6
  55. package/dist/{TrustMemberIndividualPage-DUGmI852.js → TrustMemberIndividualPage-CIr73hS-.js} +5 -5
  56. package/dist/UnincorporatedPartnershipIndividualPage-DQxHTyUp.js +65 -0
  57. package/dist/{UnincorporatedPartnershipMemberCompanyPage-CuvkBZ2N.js → UnincorporatedPartnershipMemberCompanyPage-DOWqNUHn.js} +6 -6
  58. package/dist/VerificationErrorAlert-DDsMxj76.js +79 -0
  59. package/dist/{ViewVerificationStatusComponent-zXuO8CY1.js → ViewVerificationStatusComponent-Hqp0gnec.js} +4 -4
  60. package/dist/adyen-business-financing.js +3 -3
  61. package/dist/adyen-individual-configuration.js +3 -3
  62. package/dist/adyen-individual-status.js +3 -3
  63. package/dist/adyen-kyc-components.js +20 -20
  64. package/dist/adyen-onboarding.js +2 -2
  65. package/dist/adyen-terms-of-service-management.js +3 -3
  66. package/dist/adyen-terms-of-service-status.js +3 -3
  67. package/dist/adyen-transfer-instrument-configuration.js +3 -3
  68. package/dist/adyen-transfer-instrument-management.js +3 -3
  69. package/dist/adyen-verification-status.js +3 -3
  70. package/dist/{bg-BG-fr-xfUBV.js → bg-BG-B1GR6lKu.js} +3 -1
  71. package/dist/{bg-BG-BIOMFPaW.js → bg-BG-BC1dwNN2.js} +2 -5
  72. package/dist/bg-BG-BJo9yIYj.js +13 -0
  73. package/dist/bg-BG-D8qq7TQJ.js +94 -0
  74. package/dist/bg-BG-a6CQ0hKw.js +13 -0
  75. package/dist/{bg-BG-Cs_1PU3v.js → bg-BG-e6Rs6yz_.js} +4 -1
  76. package/dist/{cs-CZ-DNWTRefA.js → cs-CZ-2foXfkBk.js} +2 -5
  77. package/dist/cs-CZ-BAr1-JAS.js +13 -0
  78. package/dist/cs-CZ-ChGeQ9s0.js +94 -0
  79. package/dist/{cs-CZ-C0sNB1Fm.js → cs-CZ-DBQXByj7.js} +3 -1
  80. package/dist/cs-CZ-LGBI1w0Z.js +13 -0
  81. package/dist/{cs-CZ-B2WAqmaW.js → cs-CZ-Q6NVYK-k.js} +4 -1
  82. package/dist/da-DK-914Viqia.js +13 -0
  83. package/dist/{da-DK-8dk9Q_Wk.js → da-DK-CjjWmhN6.js} +3 -1
  84. package/dist/da-DK-CyHH8kX3.js +94 -0
  85. package/dist/{da-DK-D-eeokQn.js → da-DK-DSYEF7Q1.js} +4 -1
  86. package/dist/{da-DK-D-PlwKvZ.js → da-DK-DU3_xdWg.js} +2 -5
  87. package/dist/da-DK-DoHb4ssx.js +13 -0
  88. package/dist/{de-DE-Dcs3W1fT.js → de-DE-B9-ILIdw.js} +4 -1
  89. package/dist/{de-DE-4GAd_srm.js → de-DE-BODG29hR.js} +2 -5
  90. package/dist/de-DE-BXKZNAA1.js +13 -0
  91. package/dist/de-DE-DL6SrIBE.js +94 -0
  92. package/dist/{de-DE-CCyKie8B.js → de-DE-DoQHxDRp.js} +3 -1
  93. package/dist/de-DE-R6YgDOo5.js +13 -0
  94. package/dist/{analytics-DkXXx2b6.js → debouncedInputEvent-B3Lwtvx_.js} +7 -21
  95. package/dist/{validate-DzaSMOa2.js → documentUtils-C2iCagu9.js} +3 -167
  96. package/dist/{dropinUtils-CCEDaAJW.js → dropinUtils-L9qJuAw0.js} +4 -20
  97. package/dist/el-GR-BnMw4HQ7.js +13 -0
  98. package/dist/{el-GR-D7zMcBtK.js → el-GR-CnoZeZlX.js} +3 -1
  99. package/dist/{el-GR-DBum-QDu.js → el-GR-DYjcbiSc.js} +4 -1
  100. package/dist/{el-GR-Ddnh0NhQ.js → el-GR-DcIdm3iK.js} +2 -5
  101. package/dist/el-GR-DgaUGjyJ.js +13 -0
  102. package/dist/el-GR-l0JeDNPy.js +94 -0
  103. package/dist/{en-US-DjF6iC7G.js → en-US-BxEW5N6f.js} +44 -5
  104. package/dist/{en-US-BwDZ0WHW.js → en-US-C5WyUweF.js} +3 -1
  105. package/dist/en-US-CTZwL084.js +13 -0
  106. package/dist/{en-US-BCFNoF5y.js → en-US-DYo4OF-P.js} +8 -7
  107. package/dist/{en-US-DdeSoN_2.js → en-US-gsp7CD_E.js} +5 -1
  108. package/dist/{es-ES-JvAvmB2A.js → es-ES-BMrse1nQ.js} +3 -1
  109. package/dist/es-ES-BWAlCq7R.js +13 -0
  110. package/dist/{es-ES-C7XjLOHi.js → es-ES-C-tTuMLH.js} +4 -1
  111. package/dist/es-ES-C1ClJ2XE.js +94 -0
  112. package/dist/{es-ES-C4lENXHH.js → es-ES-CMQqgMEJ.js} +2 -5
  113. package/dist/es-ES-dMSfTLXF.js +13 -0
  114. package/dist/{et-EE-SJf3_Ega.js → et-EE-BE8bHZns.js} +3 -1
  115. package/dist/et-EE-BG_Y29oV.js +94 -0
  116. package/dist/{et-EE-BUG05EDz.js → et-EE-BzLAp08F.js} +4 -1
  117. package/dist/et-EE-D9SV0taO.js +13 -0
  118. package/dist/{et-EE-3EQr-1cj.js → et-EE-DcpuYQwB.js} +2 -5
  119. package/dist/et-EE-l977xCZ_.js +13 -0
  120. package/dist/fi-FI-0ScajGUB.js +13 -0
  121. package/dist/{fi-FI-Byvvcxxq.js → fi-FI-4GTHkwOL.js} +2 -5
  122. package/dist/{fi-FI-Cy2hAl0B.js → fi-FI-Bmu7sndb.js} +3 -1
  123. package/dist/fi-FI-C7GrKbXx.js +13 -0
  124. package/dist/fi-FI-bIhXiQPL.js +94 -0
  125. package/dist/{fi-FI-CEzjKgiz.js → fi-FI-pyHLbmel.js} +4 -1
  126. package/dist/{MaskedInput-DB6EYmfa.js → fieldConfigurations-DVV23oeM.js} +616 -14
  127. package/dist/{fr-FR-E_UubsZ-.js → fr-FR-Ba-HRBQ7.js} +2 -5
  128. package/dist/fr-FR-Bj275MRb.js +94 -0
  129. package/dist/fr-FR-CqCcxkgA.js +13 -0
  130. package/dist/{fr-FR-DNJiLv9b.js → fr-FR-DG3tEkdN.js} +4 -1
  131. package/dist/fr-FR-o45TzYMp.js +13 -0
  132. package/dist/{fr-FR-BmW46mYd.js → fr-FR-ufKVxWpT.js} +3 -1
  133. package/dist/getFieldsWithExistingData-C6JBh3D6.js +22 -0
  134. package/dist/{getName-Dc03c4n_.js → getName-k5oRc0oZ.js} +9 -2
  135. package/dist/{hasDataChanged-CUdKM92N.js → hasDataChanged-CogwJI1I.js} +2 -2
  136. package/dist/{hr-HR-TVOgDkBf.js → hr-HR-BFx1T11G.js} +2 -5
  137. package/dist/{hr-HR-WMnlxMEY.js → hr-HR-BRFErTkv.js} +4 -1
  138. package/dist/{hr-HR-c1Si_0s4.js → hr-HR-BYXLJcPZ.js} +3 -1
  139. package/dist/hr-HR-CL0q_D2U.js +94 -0
  140. package/dist/hr-HR-CoCrArfg.js +13 -0
  141. package/dist/hr-HR-YG9hvMMj.js +13 -0
  142. package/dist/hu-HU-BrxUJuJh.js +13 -0
  143. package/dist/{hu-HU-B2nrl0pw.js → hu-HU-CJA8w351.js} +4 -1
  144. package/dist/hu-HU-DIurnBC3.js +13 -0
  145. package/dist/{hu-HU-DRONW_47.js → hu-HU-GXvzHwu9.js} +2 -5
  146. package/dist/{hu-HU-CibGC8KY.js → hu-HU-J4qBifyy.js} +3 -1
  147. package/dist/hu-HU-cLqGFTTR.js +94 -0
  148. package/dist/{iframeWidget-BWwxgbNs.js → iframeWidget-D2CKFlJk.js} +4 -4
  149. package/dist/{it-IT-BMjuva_2.js → it-IT-B_5GkLBx.js} +3 -1
  150. package/dist/{it-IT-DuBLJIdz.js → it-IT-Bw3VIHJB.js} +2 -5
  151. package/dist/it-IT-C0Qk47kh.js +94 -0
  152. package/dist/it-IT-CNS4NmYX.js +13 -0
  153. package/dist/it-IT-Cztl5jRY.js +13 -0
  154. package/dist/{it-IT-BRmX2jEi.js → it-IT-mhNjrQZn.js} +4 -1
  155. package/dist/{ja-JP-Cr_qjpZ2.js → ja-JP-BUrknIDB.js} +3 -1
  156. package/dist/{ja-JP-CCnzjx-u.js → ja-JP-BxEWI56P.js} +9 -1
  157. package/dist/{ja-JP-gRRH8Eph.js → ja-JP-CfrHlRGC.js} +4 -1
  158. package/dist/{ja-JP-CJ_j_HAA.js → ja-JP-DI7lRfpI.js} +2 -5
  159. package/dist/ja-JP-DSdZj-it.js +94 -0
  160. package/dist/ja-JP-DXkV1ta4.js +13 -0
  161. package/dist/{localizeDateString-rfEOu5f7.js → localizeDateString-ZCoTLjs1.js} +2 -2
  162. package/dist/lt-LT-BJTBEa5D.js +13 -0
  163. package/dist/lt-LT-C-dKiExL.js +94 -0
  164. package/dist/{lt-LT-BJQDUanx.js → lt-LT-C0Acftnm.js} +4 -1
  165. package/dist/lt-LT-D1viSP-v.js +13 -0
  166. package/dist/{lt-LT-DjNjg3Pl.js → lt-LT-L0wG5Pd2.js} +3 -1
  167. package/dist/{lt-LT-CBBDNCnp.js → lt-LT-ewVNPhQN.js} +2 -5
  168. package/dist/lv-LV-AkiOewnL.js +13 -0
  169. package/dist/{lv-LV-h3nTokkM.js → lv-LV-Bnq61WAt.js} +4 -1
  170. package/dist/{lv-LV-BpRfRfMz.js → lv-LV-DFvpmmGg.js} +3 -1
  171. package/dist/lv-LV-GI-ZDM0K.js +13 -0
  172. package/dist/{lv-LV-CtIe38WU.js → lv-LV-JqXvRt4T.js} +2 -5
  173. package/dist/lv-LV-UkEOuqFz.js +94 -0
  174. package/dist/{mapExistingFile-D_HVWRXe.js → mapExistingFile-txzqej6F.js} +5 -80
  175. package/dist/mapFinancialReportsToFinancialInformation-DoTIj0Q-.js +67 -0
  176. package/dist/mapJpAddressSchemaToAddressLocalizations-pPCQCgRx.js +63 -0
  177. package/dist/{mapLegalEntityToIndividualOnfidoSchema-DsQrqqP5.js → mapLegalEntityToIndividualOnfidoSchema-B8NxtO2j.js} +3 -63
  178. package/dist/{mapTransferInstrumentToPayoutAccount-MugvfqfK.js → mapTransferInstrumentToPayoutAccount-D9lyD7nx.js} +2 -2
  179. package/dist/nl-NL-B6B4Z_tr.js +13 -0
  180. package/dist/nl-NL-Cfr5hMtI.js +94 -0
  181. package/dist/{nl-NL-CE4l8R5l.js → nl-NL-DR1wVqQC.js} +2 -5
  182. package/dist/{nl-NL-oaBDOlm6.js → nl-NL-UhpFianh.js} +3 -1
  183. package/dist/nl-NL-VneIcgWO.js +13 -0
  184. package/dist/{nl-NL-YzDSCWLL.js → nl-NL-donw5yvS.js} +4 -1
  185. package/dist/no-NO-ASO8Je2l.js +94 -0
  186. package/dist/{no-NO-B1_YJlMP.js → no-NO-BZmigu6-.js} +2 -5
  187. package/dist/{no-NO-BTrfxWS7.js → no-NO-DRF-gOWI.js} +3 -1
  188. package/dist/{no-NO-Big2B13b.js → no-NO-Dev7r3VA.js} +4 -1
  189. package/dist/no-NO-Dn1LUbDp.js +13 -0
  190. package/dist/no-NO-Dqp598Ox.js +13 -0
  191. package/dist/payout-verification-instant-5u-wvFKv.js +41 -0
  192. package/dist/payout-verification-manual-BJsf7QPE.js +90 -0
  193. package/dist/{pl-PL-DGYFY42P.js → pl-PL-BKxhMICw.js} +2 -5
  194. package/dist/pl-PL-C1cP4Qpn.js +13 -0
  195. package/dist/pl-PL-CG4rvgUo.js +94 -0
  196. package/dist/{pl-PL-C72GTDxW.js → pl-PL-CHyLS1B7.js} +3 -1
  197. package/dist/{pl-PL-CL483jMb.js → pl-PL-DU_Xulyu.js} +4 -1
  198. package/dist/pl-PL-Zdh_Xu43.js +13 -0
  199. package/dist/{process-field-configurations-CiECrUSj.js → process-field-configurations-D2EUZow3.js} +3 -3
  200. package/dist/{pt-BR-CtFCi7U4.js → pt-BR-CFZE5Nop.js} +3 -1
  201. package/dist/{pt-BR-DJOzf0y2.js → pt-BR-DeXo4rsi.js} +4 -1
  202. package/dist/pt-BR-DkzLiK7Y.js +13 -0
  203. package/dist/pt-BR-DqLaaG4L.js +13 -0
  204. package/dist/pt-BR-IWTcYKu9.js +94 -0
  205. package/dist/{pt-BR-Co8OqKh-.js → pt-BR-wAIdhUru.js} +2 -5
  206. package/dist/{pt-PT-XAn7WGle.js → pt-PT-Bc9JI4eu.js} +3 -1
  207. package/dist/{pt-PT-pKLoM66X.js → pt-PT-C1qHVe7L.js} +2 -5
  208. package/dist/pt-PT-CoTUf3zo.js +13 -0
  209. package/dist/{pt-PT-B3qoJ3Fr.js → pt-PT-DkJdR6SS.js} +4 -1
  210. package/dist/pt-PT-LZZYQKaC.js +94 -0
  211. package/dist/pt-PT-uiREjC_e.js +13 -0
  212. package/dist/{resolveEnvironment-DTYC79J1.js → resolveEnvironment-CU4TOfg6.js} +3 -3
  213. package/dist/{ro-RO-Ct_BJvsc.js → ro-RO-BDjHimxe.js} +4 -1
  214. package/dist/{ro-RO-qX8X1Q1m.js → ro-RO-BFzooIri.js} +3 -1
  215. package/dist/ro-RO-C835aMET.js +13 -0
  216. package/dist/ro-RO-_HSYnLLu.js +13 -0
  217. package/dist/{ro-RO-D3rQ93wa.js → ro-RO-juw6hKRk.js} +2 -5
  218. package/dist/ro-RO-nVSeNtIQ.js +94 -0
  219. package/dist/{rules-BfrH23mO.js → rules-LaFMJfnA.js} +4 -5
  220. package/dist/{sk-SK-CmH1I1tp.js → sk-SK-BM57awWi.js} +2 -5
  221. package/dist/sk-SK-BX0wsQH4.js +94 -0
  222. package/dist/sk-SK-D6KtBU3q.js +13 -0
  223. package/dist/{sk-SK-CjdK4BKW.js → sk-SK-DRuiKuEp.js} +3 -1
  224. package/dist/sk-SK-K03EHmJF.js +13 -0
  225. package/dist/{sk-SK-FGK1FMMO.js → sk-SK-atqQJid1.js} +4 -1
  226. package/dist/{sl-SI-lPxRRPsh.js → sl-SI-CmYmQ6nG.js} +3 -1
  227. package/dist/{sl-SI-Cz28AFTz.js → sl-SI-CwKpXVCh.js} +4 -1
  228. package/dist/sl-SI-Dt7rovIT.js +94 -0
  229. package/dist/{sl-SI-hnlbW1OT.js → sl-SI-g2WSP0Tj.js} +2 -5
  230. package/dist/sl-SI-gM40Ay3W.js +13 -0
  231. package/dist/sl-SI-wYYQibM-.js +13 -0
  232. package/dist/style.css +931 -892
  233. package/dist/styles-CLV89_hH.js +931 -892
  234. package/dist/sv-SE-Bnhsdw8c.js +13 -0
  235. package/dist/{sv-SE-DLl7OGxl.js → sv-SE-CGCP_6VE.js} +4 -1
  236. package/dist/{sv-SE-BPpQ-05i.js → sv-SE-CHomf31L.js} +3 -1
  237. package/dist/{sv-SE-7Cbo1oic.js → sv-SE-Cfs0NHgG.js} +2 -5
  238. package/dist/sv-SE-DqzH809e.js +94 -0
  239. package/dist/sv-SE-uisfAT9L.js +13 -0
  240. package/dist/{useForm-CNi1k1NR.js → trackNavigation-gyYoCNvj.js} +25 -8
  241. package/dist/types/api/businessLines/businessLines.types.d.ts +7 -2
  242. package/dist/types/api/businessLines/useDeleteBusinessLine.d.ts +5 -0
  243. package/dist/types/api/businessLines/useUpdateBusinessLines.d.ts +7 -0
  244. package/dist/types/api/businessLines/useUpdateSourceOfFunds.d.ts +1 -0
  245. package/dist/types/components/BankAccount/forms/BankDocument/types.d.ts +2 -2
  246. package/dist/types/components/BankAccount/forms/PayoutDetails/PayoutDetails.d.ts +0 -1
  247. package/dist/types/components/BankAccount/forms/PayoutVerificationMethod/PayoutVerificationMethod.d.ts +1 -2
  248. package/dist/types/components/BankAccount/forms/PayoutVerificationMethod/payoutVerificationMethodMetadata.d.ts +1 -1
  249. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +51 -51
  250. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/PayoutDetailsDropin.d.ts +1 -0
  251. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/utils.d.ts +3 -3
  252. package/dist/types/components/BankAccount/utils/payoutAccountUtil.d.ts +2 -2
  253. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +1 -3
  254. package/dist/types/components/Business/tasks/BusinessDetailsDropin/utils.d.ts +1 -1
  255. package/dist/types/components/BusinessLines/fields/WebDataField/types.d.ts +2 -4
  256. package/dist/types/components/BusinessLines/forms/rules.d.ts +5 -0
  257. package/dist/types/components/BusinessLines/tasks/BusinessLines/BusinessLinesStore.d.ts +2 -0
  258. package/dist/types/components/BusinessLines/tasks/BusinessLines/ExistingBusinessLines/BusinessLineModal.d.ts +3 -2
  259. package/dist/types/components/BusinessLines/tasks/utils.d.ts +11 -2
  260. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +124 -124
  261. package/dist/types/components/Shared/FormNavigation/FormNavigation.d.ts +1 -1
  262. package/dist/types/components/Shared/FormNavigation/types.d.ts +0 -2
  263. package/dist/types/components/Shared/FormWrapper/FormWrapper.d.ts +1 -3
  264. package/dist/types/components/Shared/Summary/Summary.d.ts +1 -1
  265. package/dist/types/components/Shared/Summary/types.d.ts +0 -2
  266. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  267. package/dist/types/components/Shared/tasks/CustomerSupport/mapping/customerSupportKeyMapping.d.ts +4 -0
  268. package/dist/types/context/ExperimentContext/types.d.ts +12 -0
  269. package/dist/types/core/errorMapping.d.ts +4 -1
  270. package/dist/types/core/user-events.d.ts +7 -9
  271. package/dist/types/hooks/{useAnalytics.d.ts → useAnalytics/useAnalytics.d.ts} +1 -7
  272. package/dist/types/utils/analytics/convertToEmbeddedEvent.d.ts +9 -0
  273. package/dist/types/utils/analytics/debouncedInputEvent.d.ts +19 -0
  274. package/dist/types/utils/analytics/getAnalyticsAssociatedEntityDetails.d.ts +13 -0
  275. package/dist/types/utils/{trackNavigation.d.ts → analytics/trackNavigation.d.ts} +1 -1
  276. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  277. package/dist/types/utils/filterProblemsByTaskForms.d.ts +12 -0
  278. package/dist/types/utils/getName.d.ts +1 -1
  279. package/dist/{types-DNH7oNbA.js → types-C1FJZQd1.js} +2 -2
  280. package/dist/{types-SBNit_kK.js → types-D0aacEF5.js} +27 -3
  281. package/dist/{types-DHmyPbAn.js → types-DQVZ5BSQ.js} +14 -2
  282. package/dist/{useAssociatedLegalEntity-CmhNWabq.js → useAssociatedLegalEntity-CuTN8T5x.js} +2 -2
  283. package/dist/{useDataset-C0A9qR_N.js → useDataset-C4vcroxo.js} +3 -3
  284. package/dist/{useMultiForm-CU58VvHX.js → useMultiForm-GpoMvhwU.js} +4 -4
  285. package/dist/{useOnboardingStatus-DuIJSnGH.js → useOnboardingStatus-Cifcsbcr.js} +1 -1
  286. package/dist/{useScenarios-T0NF0gUi.js → useScenarios-AyvycExm.js} +2 -2
  287. package/dist/{useTermsOfServiceStatus-1oGd6y18.js → useTermsOfServiceStatus-yhwwFpfh.js} +1 -1
  288. package/dist/{useToastContext-DHgUoF6x.js → useToastContext-CCxuinr_.js} +2 -2
  289. package/dist/{useUnincorporatedPartnershipMembers-57G1Bu4k.js → useUnincorporatedPartnershipMembers-D_N_aPNq.js} +62 -7
  290. package/dist/{utils-DZz9bCID.js → utils-U0nEMoML.js} +6 -46
  291. package/dist/validate-BRRbVwma.js +41 -0
  292. package/dist/{validate-Bz6-McmI.js → validate-Bqbj3vVS.js} +2 -2
  293. package/dist/{validationError-Ci4nlmhZ.js → validationError-DhRqgFgA.js} +2 -2
  294. package/package.json +1 -1
  295. package/dist/Card-N9psV2kP.js +0 -147
  296. package/dist/CreateIndividualComponent-BL3dK960.js +0 -71
  297. package/dist/CreateTransferInstrumentComponent-kxMU_XVD.js +0 -66
  298. package/dist/Divider-DiS12D_i.js +0 -239
  299. package/dist/Dropzone-DSyKXnbD.js +0 -218
  300. package/dist/Image-BhBefhke.js +0 -22
  301. package/dist/InputDate-C2j7qA_b.js +0 -43
  302. package/dist/InputGroup-WBfGDV5F.js +0 -32
  303. package/dist/LandingLayout-Ca68Z9DA.js +0 -60
  304. package/dist/Link-BS6Zpegg.js +0 -35
  305. package/dist/OnboardingDropinComponent-IKzrTT3r.js +0 -4274
  306. package/dist/RadioGroup-DhwjhH0X.js +0 -144
  307. package/dist/RegistrationAddress-BnyrwF-X.js +0 -2337
  308. package/dist/RootBusinessDetailsPage-BFR4Sxfp.js +0 -61
  309. package/dist/RootIndividualDetailsPage-D6lLtamt.js +0 -76
  310. package/dist/SoleProprietorshipPage-BKlAFmwp.js +0 -60
  311. package/dist/Spacer-BK3jDget.js +0 -18
  312. package/dist/TaxInformationField-DCjcBMwQ.js +0 -3094
  313. package/dist/TileGroup-BkTpSpVX.js +0 -174
  314. package/dist/UnincorporatedPartnershipIndividualPage-DZZc7sEn.js +0 -65
  315. package/dist/bafinUtils-DkP3ZoN4.js +0 -366
  316. package/dist/bg-BG-BLe6BCNz.js +0 -13
  317. package/dist/bg-BG-BPsOhDfg.js +0 -13
  318. package/dist/bg-BG-z3gZQvGq.js +0 -42
  319. package/dist/commonValidators-BLvtzPWZ.js +0 -24
  320. package/dist/cs-CZ-C5lyVYlZ.js +0 -42
  321. package/dist/cs-CZ-CHzJM-ii.js +0 -13
  322. package/dist/cs-CZ-xoLsda7i.js +0 -13
  323. package/dist/currency-BGwQyxBo.js +0 -36
  324. package/dist/da-DK-CYl2jko-.js +0 -42
  325. package/dist/da-DK-D-TJghBi.js +0 -13
  326. package/dist/da-DK-XNMYSp7w.js +0 -13
  327. package/dist/de-DE-BI7AAdOv.js +0 -13
  328. package/dist/de-DE-CCmlaL2F.js +0 -13
  329. package/dist/de-DE-DlUEkik0.js +0 -42
  330. package/dist/el-GR-DZ8GheJK.js +0 -42
  331. package/dist/el-GR-DoCIcce-.js +0 -13
  332. package/dist/el-GR-kYiInIQ9.js +0 -13
  333. package/dist/en-US-DYpvuCLO.js +0 -13
  334. package/dist/es-ES-CJMsyMAc.js +0 -13
  335. package/dist/es-ES-CnNU6AJv.js +0 -13
  336. package/dist/es-ES-D0c0MoqK.js +0 -42
  337. package/dist/et-EE-BR4OXRfV.js +0 -13
  338. package/dist/et-EE-C4Fwyr7-.js +0 -42
  339. package/dist/et-EE-sB7wkSA3.js +0 -13
  340. package/dist/fi-FI-BbqwYcLI.js +0 -13
  341. package/dist/fi-FI-bRXb-Q_i.js +0 -42
  342. package/dist/fi-FI-u5GxMZsq.js +0 -13
  343. package/dist/fieldConfigurations-BsOQ678Q.js +0 -448
  344. package/dist/form-rules-DhbF2mY4.js +0 -13
  345. package/dist/fr-FR-CMjrAkKl.js +0 -13
  346. package/dist/fr-FR-Cr-Y1vIy.js +0 -13
  347. package/dist/fr-FR-JLPKgufm.js +0 -42
  348. package/dist/hr-HR-Bhsop3CT.js +0 -13
  349. package/dist/hr-HR-D26Gz-HL.js +0 -42
  350. package/dist/hr-HR-D8cBxUFa.js +0 -13
  351. package/dist/hu-HU-BVfkOdJe.js +0 -13
  352. package/dist/hu-HU-BZCFneWx.js +0 -42
  353. package/dist/hu-HU-D2j1ISVk.js +0 -13
  354. package/dist/isEmpty-B0GMAw4K.js +0 -23
  355. package/dist/it-IT-C7Sg1k4p.js +0 -13
  356. package/dist/it-IT-CwA8megO.js +0 -13
  357. package/dist/it-IT-mScKLwBR.js +0 -42
  358. package/dist/ja-JP-DyELKS9Q.js +0 -42
  359. package/dist/ja-JP-GSbqID7o.js +0 -13
  360. package/dist/jpAddressSchema-ULGNNt5U.js +0 -27
  361. package/dist/lt-LT-C5nNCk4_.js +0 -13
  362. package/dist/lt-LT-CLPQVRpJ.js +0 -42
  363. package/dist/lt-LT-DSiutpRl.js +0 -13
  364. package/dist/lv-LV-C62XiDE5.js +0 -13
  365. package/dist/lv-LV-CEK8Re4d.js +0 -13
  366. package/dist/lv-LV-Cu-MJMVO.js +0 -42
  367. package/dist/mapJpAddressSchemaToAddressLocalizations-D7YGYa9S.js +0 -147
  368. package/dist/nl-NL-BOJ6zuBr.js +0 -13
  369. package/dist/nl-NL-DOQPxTX-.js +0 -13
  370. package/dist/nl-NL-pVdpCCOx.js +0 -42
  371. package/dist/no-NO-CRULNwNn.js +0 -42
  372. package/dist/no-NO-Cp3-tDMw.js +0 -13
  373. package/dist/no-NO-CuwTDFSf.js +0 -13
  374. package/dist/pl-PL-1-MrLPXu.js +0 -13
  375. package/dist/pl-PL-CtDHmbhp.js +0 -13
  376. package/dist/pl-PL-CxCiWdAF.js +0 -42
  377. package/dist/pt-BR-Br_cHzGx.js +0 -13
  378. package/dist/pt-BR-DnKEuslh.js +0 -13
  379. package/dist/pt-BR-apPtB2cK.js +0 -42
  380. package/dist/pt-PT-CLwCij2I.js +0 -13
  381. package/dist/pt-PT-Coa6J7SM.js +0 -42
  382. package/dist/pt-PT-cjbtYBUX.js +0 -13
  383. package/dist/ro-RO-BTqq5BPM.js +0 -42
  384. package/dist/ro-RO-CGhIjlpU.js +0 -13
  385. package/dist/ro-RO-Cmk-sVDr.js +0 -13
  386. package/dist/sk-SK-Bo5nvxWQ.js +0 -13
  387. package/dist/sk-SK-Do6CKNU4.js +0 -13
  388. package/dist/sk-SK-welR06By.js +0 -42
  389. package/dist/sl-SI-B9N6vA08.js +0 -42
  390. package/dist/sl-SI-CrTRlNnN.js +0 -13
  391. package/dist/sl-SI-cY-L2ma-.js +0 -13
  392. package/dist/sv-SE-BtwPrLEA.js +0 -13
  393. package/dist/sv-SE-D6al0j6W.js +0 -42
  394. package/dist/sv-SE-WPziDPQa.js +0 -13
  395. package/dist/types/utils/analytics.d.ts +0 -31
  396. package/dist/utils-AieP90ex.js +0 -29
  397. package/dist/utils-Bd79Y_6k.js +0 -165
  398. package/dist/validate-WO7yAOk4.js +0 -382
@@ -2850,6 +2850,53 @@ const css = `.adyen-kyc-loader-wrapper {
2850
2850
  .adyen-kyc-summary-content-logo {
2851
2851
  height: 28px;
2852
2852
  width: 100px;
2853
+ }.adyen-kyc-link {
2854
+ align-items: center;
2855
+ border-radius: var(--adyen-sdk-border-radius-s, 4px);
2856
+ display: inline-flex;
2857
+ gap: var(--adyen-sdk-spacer-010, 2px);
2858
+ outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
2859
+ text-decoration: underline;
2860
+ transition: var(--adyen-sdk-animation-duration-slow, 250ms);
2861
+ }
2862
+ .adyen-kyc-link:focus-visible {
2863
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2864
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2865
+ outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
2866
+ outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
2867
+ text-decoration: none;
2868
+ }
2869
+
2870
+ .adyen-kyc-link-default {
2871
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2872
+ }
2873
+ @media (hover: hover) {
2874
+ .adyen-kyc-link-default:hover {
2875
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2876
+ fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2877
+ text-decoration: none;
2878
+ }
2879
+ }
2880
+ .adyen-kyc-link-default:active {
2881
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2882
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2883
+ text-decoration: none;
2884
+ }
2885
+
2886
+ .adyen-kyc-link-inline {
2887
+ color: inherit;
2888
+ }
2889
+ @media (hover: hover) {
2890
+ .adyen-kyc-link-inline:hover {
2891
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2892
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2893
+ text-decoration: none;
2894
+ }
2895
+ }
2896
+ .adyen-kyc-link-inline:active {
2897
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2898
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2899
+ text-decoration: none;
2853
2900
  }.adyen-kyc-input-radio {
2854
2901
  display: inline-flex;
2855
2902
  vertical-align: baseline;
@@ -2937,98 +2984,6 @@ const css = `.adyen-kyc-loader-wrapper {
2937
2984
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2938
2985
  margin-right: var(--adyen-sdk-spacer-070, 16px);
2939
2986
  vertical-align: baseline;
2940
- }.adyen-kyc-radio-group {
2941
- display: flex;
2942
- flex-direction: column;
2943
- }
2944
- .adyen-kyc-radio-group--horizontal {
2945
- flex-direction: row;
2946
- }
2947
-
2948
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
2949
- display: none;
2950
- }
2951
-
2952
- .adyen-kyc-radio-group__label {
2953
- color: inherit;
2954
- display: block;
2955
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
2956
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2957
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
2958
- overflow: visible;
2959
- padding-bottom: var(--adyen-sdk-spacer-000, 0px);
2960
- padding-left: var(--adyen-sdk-spacer-090, 24px);
2961
- position: relative;
2962
- }.adyen-kyc-progress-bar {
2963
- --adyen-progress-bar-size: 4px;
2964
- background-color: var(--adyen-sdk-color-background-secondary);
2965
- height: var(--adyen-progress-bar-size);
2966
- overflow: hidden;
2967
- }
2968
-
2969
- .adyen-kyc-progress-bar-rounded {
2970
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
2971
- }
2972
-
2973
- .adyen-kyc-progress-bar-indicator {
2974
- background-color: var(--adyen-sdk-color-background-inverse-primary);
2975
- text-indent: -1000%;
2976
- transition: width 400ms;
2977
- overflow: hidden;
2978
- }
2979
- .adyen-kyc-form-flow {
2980
- container-type: inline-size;
2981
- width: 100%;
2982
- min-height: 100%;
2983
- overflow: auto;
2984
- }
2985
-
2986
- .adyen-kyc-form-flow-content {
2987
- margin: auto;
2988
- max-width: 600px;
2989
- min-height: 100%;
2990
- padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
2991
- }
2992
- @container (min-width: 399px) {
2993
- .adyen-kyc-form-flow-content {
2994
- padding-left: var(--adyen-sdk-spacer-100, 32px);
2995
- padding-right: var(--adyen-sdk-spacer-100, 32px);
2996
- }
2997
- }
2998
- @container (min-width: 599px) {
2999
- .adyen-kyc-form-flow-content {
3000
- padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3001
- padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3002
- }
3003
- }
3004
-
3005
- .adyen-kyc-form-flow-footer {
3006
- background-color: #fff;
3007
- bottom: 0;
3008
- position: sticky;
3009
- z-index: 1;
3010
- }
3011
- @supports (backdrop-filter: blur(10px)) {
3012
- .adyen-kyc-form-flow-footer {
3013
- backdrop-filter: blur(10px);
3014
- background-color: rgba(255, 255, 255, 0.7);
3015
- }
3016
- }
3017
-
3018
- .adyen-kyc-form-flow-footer-border {
3019
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3020
- }
3021
-
3022
- .adyen-kyc-form-flow-actions {
3023
- display: flex;
3024
- gap: var(--adyen-sdk-spacer-040, 8px);
3025
- justify-content: space-between;
3026
- padding: var(--adyen-sdk-spacer-070, 16px);
3027
- }
3028
-
3029
- .adyen-kyc-form-flow-action-group {
3030
- display: flex;
3031
- gap: var(--adyen-sdk-spacer-040, 8px);
3032
2987
  }/* for container queries */
3033
2988
  .adyen-kyc-field-wrapper {
3034
2989
  display: flex;
@@ -3146,6 +3101,28 @@ const css = `.adyen-kyc-loader-wrapper {
3146
3101
  .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
3147
3102
  margin-left: var(--adyen-sdk-spacer-040, 8px);
3148
3103
  }
3104
+ }.adyen-kyc-radio-group {
3105
+ display: flex;
3106
+ flex-direction: column;
3107
+ }
3108
+ .adyen-kyc-radio-group--horizontal {
3109
+ flex-direction: row;
3110
+ }
3111
+
3112
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
3113
+ display: none;
3114
+ }
3115
+
3116
+ .adyen-kyc-radio-group__label {
3117
+ color: inherit;
3118
+ display: block;
3119
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3120
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3121
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3122
+ overflow: visible;
3123
+ padding-bottom: var(--adyen-sdk-spacer-000, 0px);
3124
+ padding-left: var(--adyen-sdk-spacer-090, 24px);
3125
+ position: relative;
3149
3126
  }/* for container queries */
3150
3127
  fieldset {
3151
3128
  border: none;
@@ -3195,53 +3172,76 @@ fieldset {
3195
3172
  margin-right: var(--adyen-sdk-spacer-020, 4px);
3196
3173
  }.adyen-kyc-search-address-field-hide {
3197
3174
  display: none;
3198
- }.adyen-kyc-link {
3199
- align-items: center;
3200
- border-radius: var(--adyen-sdk-border-radius-s, 4px);
3201
- display: inline-flex;
3202
- gap: var(--adyen-sdk-spacer-010, 2px);
3203
- outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
3204
- text-decoration: underline;
3205
- transition: var(--adyen-sdk-animation-duration-slow, 250ms);
3175
+ }.adyen-kyc-progress-bar {
3176
+ --adyen-progress-bar-size: 4px;
3177
+ background-color: var(--adyen-sdk-color-background-secondary);
3178
+ height: var(--adyen-progress-bar-size);
3179
+ overflow: hidden;
3206
3180
  }
3207
- .adyen-kyc-link:focus-visible {
3208
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3209
- fill: var(--adyen-sdk-color-link-primary, #0065c9);
3210
- outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
3211
- outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
3212
- text-decoration: none;
3181
+
3182
+ .adyen-kyc-progress-bar-rounded {
3183
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
3213
3184
  }
3214
3185
 
3215
- .adyen-kyc-link-default {
3216
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3186
+ .adyen-kyc-progress-bar-indicator {
3187
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
3188
+ text-indent: -1000%;
3189
+ transition: width 400ms;
3190
+ overflow: hidden;
3217
3191
  }
3218
- @media (hover: hover) {
3219
- .adyen-kyc-link-default:hover {
3220
- color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
3221
- fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
3222
- text-decoration: none;
3192
+ .adyen-kyc-form-flow {
3193
+ container-type: inline-size;
3194
+ width: 100%;
3195
+ min-height: 100%;
3196
+ overflow: auto;
3197
+ }
3198
+
3199
+ .adyen-kyc-form-flow-content {
3200
+ margin: auto;
3201
+ max-width: 600px;
3202
+ min-height: 100%;
3203
+ padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
3204
+ }
3205
+ @container (min-width: 399px) {
3206
+ .adyen-kyc-form-flow-content {
3207
+ padding-left: var(--adyen-sdk-spacer-100, 32px);
3208
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3223
3209
  }
3224
3210
  }
3225
- .adyen-kyc-link-default:active {
3226
- color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3227
- fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3228
- text-decoration: none;
3211
+ @container (min-width: 599px) {
3212
+ .adyen-kyc-form-flow-content {
3213
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3214
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3215
+ }
3229
3216
  }
3230
3217
 
3231
- .adyen-kyc-link-inline {
3232
- color: inherit;
3218
+ .adyen-kyc-form-flow-footer {
3219
+ background-color: var(--adyen-sdk-color-background-primary);
3220
+ bottom: 0;
3221
+ position: sticky;
3222
+ z-index: 1;
3233
3223
  }
3234
- @media (hover: hover) {
3235
- .adyen-kyc-link-inline:hover {
3236
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3237
- fill: var(--adyen-sdk-color-link-primary, #0065c9);
3238
- text-decoration: none;
3224
+ @supports (backdrop-filter: blur(10px)) {
3225
+ .adyen-kyc-form-flow-footer {
3226
+ backdrop-filter: blur(10px);
3227
+ background-color: rgba(var(--adyen-sdk-color-background-primary), 0.7);
3239
3228
  }
3240
3229
  }
3241
- .adyen-kyc-link-inline:active {
3242
- color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3243
- fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3244
- text-decoration: none;
3230
+
3231
+ .adyen-kyc-form-flow-footer-border {
3232
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3233
+ }
3234
+
3235
+ .adyen-kyc-form-flow-actions {
3236
+ display: flex;
3237
+ gap: var(--adyen-sdk-spacer-040, 8px);
3238
+ justify-content: space-between;
3239
+ padding: var(--adyen-sdk-spacer-070, 16px);
3240
+ }
3241
+
3242
+ .adyen-kyc-form-flow-action-group {
3243
+ display: flex;
3244
+ gap: var(--adyen-sdk-spacer-040, 8px);
3245
3245
  }.adyen-kyc-business-financing-lei-radio {
3246
3246
  display: grid;
3247
3247
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
@@ -3270,155 +3270,6 @@ fieldset {
3270
3270
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3271
3271
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3272
3272
  }/* for container queries */
3273
- .adyen-kyc-radio-group-card {
3274
- display: flex;
3275
- flex-direction: column;
3276
- gap: var(--adyen-sdk-spacer-040, 8px);
3277
- }
3278
- .adyen-kyc-radio-group-card__label {
3279
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3280
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3281
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3282
- padding-right: var(--adyen-sdk-spacer-070, 16px);
3283
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3284
- }
3285
- @container main (min-width: 680px) and (max-width: 1024px) {
3286
- .adyen-kyc-radio-group-card__label {
3287
- padding-right: var(--adyen-sdk-spacer-000, 0px);
3288
- }
3289
- }
3290
- .adyen-kyc-radio-group-card__subtitle {
3291
- color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3292
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3293
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3294
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3295
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3296
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3297
- }
3298
- .adyen-kyc-radio-group-card input {
3299
- display: flex;
3300
- margin-left: auto;
3301
- }
3302
- .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
3303
- bottom: -30px;
3304
- top: auto;
3305
- }
3306
-
3307
- /* stylelint-disable-next-line selector-no-qualifying-type */
3308
- input.adyen-kyc-radio-group-card__radio--floating {
3309
- bottom: auto;
3310
- left: auto;
3311
- position: absolute;
3312
- right: var(--adyen-sdk-spacer-070, 16px);
3313
- top: var(--adyen-sdk-spacer-070, 16px);
3314
- }.adyen-kyc-radio-card {
3315
- border: var(--adyen-sdk-border-default-s);
3316
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3317
- cursor: pointer;
3318
- display: block;
3319
- list-style: none;
3320
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
3321
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
3322
- position: relative;
3323
- }
3324
- .adyen-kyc-radio-card--disabled {
3325
- cursor: not-allowed;
3326
- opacity: 50%;
3327
- }
3328
- .adyen-kyc-radio-card__loading-icon {
3329
- display: flex;
3330
- align-self: center;
3331
- justify-content: center;
3332
- border-radius: 50%;
3333
- height: 18px;
3334
- width: 18px;
3335
- }
3336
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
3337
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3338
- }
3339
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
3340
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3341
- }
3342
-
3343
- .adyen-kyc-radio-card__body {
3344
- color: var(--adyen-sdk-color-label-secondary, #5c6874);
3345
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3346
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3347
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3348
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3349
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3350
- }
3351
-
3352
- .adyen-kyc-radio-card__footer {
3353
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3354
- }.adyen-kyc-mismatch {
3355
- animation: adyen-kyc-mismatchShake 300ms;
3356
- border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
3357
- }
3358
-
3359
- @keyframes adyen-kyc-mismatchShake {
3360
- 25% {
3361
- transform: translateX(4px);
3362
- }
3363
- 50% {
3364
- transform: translateX(-4px);
3365
- }
3366
- 75% {
3367
- transform: translateX(4px);
3368
- }
3369
- }.adyen-kyc-input-group {
3370
- height: 40px;
3371
- line-height: 38px;
3372
- min-height: 38px;
3373
- display: flex;
3374
- padding: var(--adyen-sdk-spacer-020, 4px);
3375
- background: var(--adyen-sdk-color-background-primary, #ffffff);
3376
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
3377
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3378
- caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3379
- color: var(--adyen-sdk-color-label-primary, #001222);
3380
- font-family: inherit;
3381
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3382
- outline: none;
3383
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3384
- }
3385
- .adyen-kyc-input-group:hover {
3386
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
3387
- }
3388
- .adyen-kyc-input-group--invalid {
3389
- padding-right: var(--adyen-sdk-spacer-120, 48px);
3390
- border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
3391
- }
3392
- .adyen-kyc-input-group--focused {
3393
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3394
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
3395
- }
3396
- .adyen-kyc-input-group--focused:hover {
3397
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3398
- }
3399
- .adyen-kyc-input-group .adyen-kyc-input {
3400
- line-height: normal;
3401
- height: unset;
3402
- min-height: unset;
3403
- position: unset;
3404
- border: none;
3405
- border-radius: var(--adyen-sdk-border-radius-s, 4px);
3406
- }
3407
- .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3408
- outline: none;
3409
- border: none;
3410
- }.adyen-kyc-multi-select-list {
3411
- list-style: none;
3412
- margin: var(--adyen-sdk-spacer-000, 0px);
3413
- padding: var(--adyen-sdk-spacer-000, 0px);
3414
- }
3415
-
3416
- .adyen-kyc-multi-select-list-item {
3417
- background: none !important;
3418
- }
3419
- .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
3420
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3421
- }/* for container queries */
3422
3273
  .adyen-kyc-document-guidance {
3423
3274
  overflow: auto;
3424
3275
  container-type: inline-size;
@@ -3558,79 +3409,297 @@ input.adyen-kyc-radio-group-card__radio--floating {
3558
3409
  .adyen-kyc-dropzone-file__button {
3559
3410
  border: 0;
3560
3411
  padding: var(--adyen-sdk-spacer-000, 0px);
3561
- }.adyen-kyc-description-field {
3562
- padding: var(--adyen-sdk-spacer-080, 20px) 0;
3563
- }.adyen-kyc-tile-container {
3564
- width: 100%;
3565
- }
3566
-
3567
- .adyen-kyc-tile {
3568
- border: var(--adyen-sdk-border-default-s);
3412
+ }/* for container queries */
3413
+ .adyen-kyc-radio-group-card {
3569
3414
  display: flex;
3570
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3571
- outline: none;
3572
- padding: var(--adyen-sdk-spacer-070, 16px);
3573
- cursor: pointer;
3574
3415
  flex-direction: column;
3575
- align-items: center;
3576
- text-align: center;
3577
- height: 100%;
3416
+ gap: var(--adyen-sdk-spacer-040, 8px);
3578
3417
  }
3579
- .adyen-kyc-tile-icon {
3580
- background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3581
- width: var(--adyen-sdk-spacer-110, 40px);
3582
- height: var(--adyen-sdk-spacer-110, 40px);
3583
- display: flex;
3584
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3585
- justify-content: center;
3586
- align-items: center;
3587
- margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3418
+ .adyen-kyc-radio-group-card__label {
3419
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3420
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3421
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3422
+ padding-right: var(--adyen-sdk-spacer-070, 16px);
3423
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3588
3424
  }
3589
- .adyen-kyc-tile svg {
3590
- color: var(--adyen-sdk-color-label-primary, #001222);
3591
- max-width: var(--adyen-sdk-spacer-070, 16px);
3592
- max-height: var(--adyen-sdk-spacer-070, 16px);
3425
+ @container main (min-width: 680px) and (max-width: 1024px) {
3426
+ .adyen-kyc-radio-group-card__label {
3427
+ padding-right: var(--adyen-sdk-spacer-000, 0px);
3428
+ }
3593
3429
  }
3594
- .adyen-kyc-tile-title {
3595
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3430
+ .adyen-kyc-radio-group-card__subtitle {
3431
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3432
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3433
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3434
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3435
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3596
3436
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3597
3437
  }
3598
- .adyen-kyc-tile:hover {
3599
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3438
+ .adyen-kyc-radio-group-card input {
3439
+ display: flex;
3440
+ margin-left: auto;
3600
3441
  }
3601
- .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3602
- background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3442
+ .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
3443
+ bottom: -30px;
3444
+ top: auto;
3603
3445
  }
3604
- .adyen-kyc-tile-checkbox {
3605
- border: 0;
3606
- clip: rect(0 0 0 0);
3607
- height: 1px;
3608
- margin: -1px;
3609
- overflow: hidden;
3610
- padding: 0;
3446
+
3447
+ /* stylelint-disable-next-line selector-no-qualifying-type */
3448
+ input.adyen-kyc-radio-group-card__radio--floating {
3449
+ bottom: auto;
3450
+ left: auto;
3611
3451
  position: absolute;
3612
- width: 1px;
3613
- white-space: nowrap;
3452
+ right: var(--adyen-sdk-spacer-070, 16px);
3453
+ top: var(--adyen-sdk-spacer-070, 16px);
3454
+ }.adyen-kyc-radio-card {
3455
+ border: var(--adyen-sdk-border-default-s);
3456
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3457
+ cursor: pointer;
3458
+ display: block;
3459
+ list-style: none;
3460
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
3461
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
3462
+ position: relative;
3614
3463
  }
3615
-
3616
- .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
3464
+ .adyen-kyc-radio-card--disabled {
3617
3465
  cursor: not-allowed;
3618
- opacity: 0.3;
3466
+ opacity: 50%;
3619
3467
  }
3620
-
3621
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3622
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3623
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3468
+ .adyen-kyc-radio-card__loading-icon {
3469
+ display: flex;
3470
+ align-self: center;
3471
+ justify-content: center;
3472
+ border-radius: 50%;
3473
+ height: 18px;
3474
+ width: 18px;
3624
3475
  }
3625
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3626
- background: var(--adyen-sdk-color-label-primary, #001222);
3476
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
3477
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3627
3478
  }
3628
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3629
- color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3479
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
3480
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3630
3481
  }
3631
3482
 
3632
- .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3633
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
3483
+ .adyen-kyc-radio-card__body {
3484
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3485
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3486
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3487
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3488
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3489
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3490
+ }
3491
+
3492
+ .adyen-kyc-radio-card__footer {
3493
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3494
+ }.adyen-kyc-mismatch {
3495
+ animation: adyen-kyc-mismatchShake 300ms;
3496
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
3497
+ }
3498
+
3499
+ @keyframes adyen-kyc-mismatchShake {
3500
+ 25% {
3501
+ transform: translateX(4px);
3502
+ }
3503
+ 50% {
3504
+ transform: translateX(-4px);
3505
+ }
3506
+ 75% {
3507
+ transform: translateX(4px);
3508
+ }
3509
+ }.adyen-kyc-description-field {
3510
+ padding: var(--adyen-sdk-spacer-080, 20px) 0;
3511
+ }.adyen-kyc-document-upload__subtitle {
3512
+ margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px);
3513
+ }
3514
+ .adyen-kyc-document-upload__manual-upload {
3515
+ margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
3516
+ max-width: 430px;
3517
+ text-align: center;
3518
+ }.adyen-kyc-id-verification {
3519
+ /* stylelint-disable */
3520
+ }
3521
+ .adyen-kyc-id-verification #onfido-sdk {
3522
+ position: relative;
3523
+ width: 100%;
3524
+ height: 100%;
3525
+ min-height: 100dvh;
3526
+ box-sizing: border-box;
3527
+ }
3528
+ @media only screen and (width >= 933px) {
3529
+ .adyen-kyc-id-verification #onfido-sdk {
3530
+ min-height: 600px;
3531
+ }
3532
+ }
3533
+ @media only screen and (width >= 768px) {
3534
+ .adyen-kyc-id-verification #onfido-sdk {
3535
+ max-width: 600px;
3536
+ max-height: 800px;
3537
+ overflow: hidden;
3538
+ border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3539
+ border-width: var(--osdk-border-width-surface-modal, 1px);
3540
+ border-style: var(--osdk-border-style-surface-modal, solid);
3541
+ border-radius: var(--osdk-border-radius-surface-modal, 8px);
3542
+ }
3543
+ }
3544
+ .adyen-kyc-id-verification #onfido-sdk.light {
3545
+ background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3546
+ }
3547
+ .adyen-kyc-id-verification #onfido-sdk.dark {
3548
+ background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3549
+ border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3550
+ }
3551
+ @supports (-webkit-touch-callout: none) {
3552
+ .adyen-kyc-id-verification #onfido-sdk {
3553
+ min-height: -webkit-fill-available;
3554
+ }
3555
+ }
3556
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3557
+ display: flex;
3558
+ align-items: center;
3559
+ justify-content: center;
3560
+ cursor: progress;
3561
+ position: absolute;
3562
+ inset: 0;
3563
+ }
3564
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3565
+ stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3566
+ }
3567
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3568
+ stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3569
+ stroke-opacity: 1;
3570
+ }
3571
+ .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3572
+ display: none;
3573
+ }
3574
+ .adyen-kyc-id-verification {
3575
+ /* stylelint-enable */
3576
+ }.adyen-kyc-input-group {
3577
+ height: 40px;
3578
+ line-height: 38px;
3579
+ min-height: 38px;
3580
+ display: flex;
3581
+ padding: var(--adyen-sdk-spacer-020, 4px);
3582
+ background: var(--adyen-sdk-color-background-primary, #ffffff);
3583
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
3584
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3585
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3586
+ color: var(--adyen-sdk-color-label-primary, #001222);
3587
+ font-family: inherit;
3588
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3589
+ outline: none;
3590
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3591
+ }
3592
+ .adyen-kyc-input-group:hover {
3593
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
3594
+ }
3595
+ .adyen-kyc-input-group--invalid {
3596
+ padding-right: var(--adyen-sdk-spacer-120, 48px);
3597
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
3598
+ }
3599
+ .adyen-kyc-input-group--focused {
3600
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3601
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
3602
+ }
3603
+ .adyen-kyc-input-group--focused:hover {
3604
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3605
+ }
3606
+ .adyen-kyc-input-group .adyen-kyc-input {
3607
+ line-height: normal;
3608
+ height: unset;
3609
+ min-height: unset;
3610
+ position: unset;
3611
+ border: none;
3612
+ border-radius: var(--adyen-sdk-border-radius-s, 4px);
3613
+ }
3614
+ .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3615
+ outline: none;
3616
+ border: none;
3617
+ }.adyen-kyc-multi-select-list {
3618
+ list-style: none;
3619
+ margin: var(--adyen-sdk-spacer-000, 0px);
3620
+ padding: var(--adyen-sdk-spacer-000, 0px);
3621
+ }
3622
+
3623
+ .adyen-kyc-multi-select-list-item {
3624
+ background: none !important;
3625
+ }
3626
+ .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
3627
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3628
+ }.adyen-kyc-field--nominee .adyen-kyc-radio-group {
3629
+ display: grid;
3630
+ grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3631
+ column-gap: var(--adyen-sdk-spacer-100, 32px);
3632
+ }.adyen-kyc-tile-container {
3633
+ width: 100%;
3634
+ }
3635
+
3636
+ .adyen-kyc-tile {
3637
+ border: var(--adyen-sdk-border-default-s);
3638
+ display: flex;
3639
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3640
+ outline: none;
3641
+ padding: var(--adyen-sdk-spacer-070, 16px);
3642
+ cursor: pointer;
3643
+ flex-direction: column;
3644
+ align-items: center;
3645
+ text-align: center;
3646
+ height: 100%;
3647
+ }
3648
+ .adyen-kyc-tile-icon {
3649
+ background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3650
+ width: var(--adyen-sdk-spacer-110, 40px);
3651
+ height: var(--adyen-sdk-spacer-110, 40px);
3652
+ display: flex;
3653
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3654
+ justify-content: center;
3655
+ align-items: center;
3656
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3657
+ }
3658
+ .adyen-kyc-tile svg {
3659
+ color: var(--adyen-sdk-color-label-primary, #001222);
3660
+ max-width: var(--adyen-sdk-spacer-070, 16px);
3661
+ max-height: var(--adyen-sdk-spacer-070, 16px);
3662
+ }
3663
+ .adyen-kyc-tile-title {
3664
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
3665
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3666
+ }
3667
+ .adyen-kyc-tile:hover {
3668
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3669
+ }
3670
+ .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3671
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3672
+ }
3673
+ .adyen-kyc-tile-checkbox {
3674
+ border: 0;
3675
+ clip: rect(0 0 0 0);
3676
+ height: 1px;
3677
+ margin: -1px;
3678
+ overflow: hidden;
3679
+ padding: 0;
3680
+ position: absolute;
3681
+ width: 1px;
3682
+ white-space: nowrap;
3683
+ }
3684
+
3685
+ .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
3686
+ cursor: not-allowed;
3687
+ opacity: 0.3;
3688
+ }
3689
+
3690
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3691
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3692
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3693
+ }
3694
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3695
+ background: var(--adyen-sdk-color-label-primary, #001222);
3696
+ }
3697
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3698
+ color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3699
+ }
3700
+
3701
+ .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3702
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
3634
3703
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3635
3704
  transition-property: box-shadow;
3636
3705
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -3722,75 +3791,87 @@ input.adyen-kyc-radio-group-card__radio--floating {
3722
3791
  text-align: center;
3723
3792
  width: 100%;
3724
3793
  }
3725
- .adyen-kyc-document-upload__subtitle {
3726
- margin: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px);
3727
- }
3728
- .adyen-kyc-document-upload__manual-upload {
3729
- margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
3730
- max-width: 430px;
3731
- text-align: center;
3732
- }.adyen-kyc-id-verification {
3733
- /* stylelint-disable */
3734
- }
3735
- .adyen-kyc-id-verification #onfido-sdk {
3736
- position: relative;
3737
- width: 100%;
3738
- height: 100%;
3739
- min-height: 100dvh;
3740
- box-sizing: border-box;
3794
+ .adyen-kyc-conflict-row-table td {
3795
+ padding: var(--adyen-sdk-spacer-060, 12px);
3796
+ height: var(--adyen-sdk-spacer-050, 10px);
3797
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3741
3798
  }
3742
- @media only screen and (width >= 933px) {
3743
- .adyen-kyc-id-verification #onfido-sdk {
3744
- min-height: 600px;
3745
- }
3799
+ .adyen-kyc-conflict-row-table td:first-child {
3800
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3801
+ text-wrap: nowrap;
3746
3802
  }
3747
- @media only screen and (width >= 768px) {
3748
- .adyen-kyc-id-verification #onfido-sdk {
3749
- max-width: 600px;
3750
- max-height: 800px;
3751
- overflow: hidden;
3752
- border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3753
- border-width: var(--osdk-border-width-surface-modal, 1px);
3754
- border-style: var(--osdk-border-style-surface-modal, solid);
3755
- border-radius: var(--osdk-border-radius-surface-modal, 8px);
3756
- }
3803
+
3804
+ .adyen-kyc-conflict-row-list {
3805
+ display: flex;
3806
+ flex-direction: row;
3807
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3808
+ padding: var(--adyen-sdk-spacer-060, 12px);
3757
3809
  }
3758
- .adyen-kyc-id-verification #onfido-sdk.light {
3759
- background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3810
+ .adyen-kyc-conflict-row-list dt {
3811
+ min-width: var(--adyen-sdk-spacer-140, 64px);
3760
3812
  }
3761
- .adyen-kyc-id-verification #onfido-sdk.dark {
3762
- background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3763
- border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3813
+ .adyen-kyc-conflict-row-list dd {
3814
+ display: flex;
3815
+ flex-direction: column;
3816
+ gap: var(--adyen-sdk-spacer-060, 12px);
3764
3817
  }
3765
- @supports (-webkit-touch-callout: none) {
3766
- .adyen-kyc-id-verification #onfido-sdk {
3767
- min-height: -webkit-fill-available;
3768
- }
3818
+
3819
+ .adyen-kyc-conflict-row-list-option-label {
3820
+ padding-left: var(--adyen-sdk-spacer-090, 24px);
3821
+ }/* for container queries */
3822
+ .adyen-kyc-data-conflicts-wrapper {
3823
+ display: flex;
3824
+ flex-direction: column;
3825
+ gap: var(--adyen-sdk-spacer-100, 32px);
3769
3826
  }
3770
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3827
+
3828
+ .adyen-kyc-data-conflicts-header {
3771
3829
  display: flex;
3830
+ gap: var(--adyen-sdk-spacer-040, 8px);
3831
+ flex-direction: column;
3772
3832
  align-items: center;
3773
- justify-content: center;
3774
- cursor: progress;
3775
- position: absolute;
3776
- inset: 0;
3833
+ text-align: center;
3777
3834
  }
3778
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3779
- stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3835
+
3836
+ .adyen-kyc-data-conflicts-table {
3837
+ display: none;
3838
+ border-collapse: collapse;
3780
3839
  }
3781
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3782
- stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3783
- stroke-opacity: 1;
3840
+ .adyen-kyc-data-conflicts-table th {
3841
+ padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
3842
+ text-align: left;
3784
3843
  }
3785
- .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3786
- display: none;
3844
+ @media (min-width: 480px) {
3845
+ .adyen-kyc-data-conflicts-table {
3846
+ display: table;
3847
+ }
3787
3848
  }
3788
- .adyen-kyc-id-verification {
3789
- /* stylelint-enable */
3790
- }.adyen-kyc-field--nominee .adyen-kyc-radio-group {
3791
- display: grid;
3792
- grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3793
- column-gap: var(--adyen-sdk-spacer-100, 32px);
3849
+
3850
+ .adyen-kyc-data-conflicts-list {
3851
+ display: flex;
3852
+ flex-direction: column;
3853
+ }
3854
+ @media (min-width: 480px) {
3855
+ .adyen-kyc-data-conflicts-list {
3856
+ display: none;
3857
+ }
3858
+ }/* for container queries */
3859
+ .adyen-kyc-verification-header-image svg {
3860
+ max-width: 180px;
3861
+ }/* for container queries */
3862
+ .adyen-kyc-uploaded-document {
3863
+ color: var(--adyen-sdk-color-label-primary, #001222);
3864
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3865
+ display: flex;
3866
+ gap: var(--adyen-sdk-spacer-040, 8px);
3867
+ justify-content: space-between;
3868
+ border: var(--adyen-sdk-border-default-s);
3869
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3870
+ padding: var(--adyen-sdk-spacer-070, 16px);
3871
+ width: 100%;
3872
+ vertical-align: middle;
3873
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3874
+ text-align: left;
3794
3875
  }.adyen-kyc-idnow-header {
3795
3876
  width: 100%;
3796
3877
  padding: var(--adyen-sdk-spacer-130) var(--adyen-sdk-spacer-080);
@@ -3810,119 +3891,167 @@ input.adyen-kyc-radio-group-card__radio--floating {
3810
3891
 
3811
3892
  .adyen-kyc-idnow-verification-header-image svg {
3812
3893
  max-width: 180px;
3813
- }.adyen-kyc-conflict-row-table td {
3814
- padding: var(--adyen-sdk-spacer-060, 12px);
3815
- height: var(--adyen-sdk-spacer-050, 10px);
3816
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3894
+ }/* for container queries */
3895
+ .adyen-kyc-form-container {
3896
+ width: 100%;
3817
3897
  }
3818
- .adyen-kyc-conflict-row-table td:first-child {
3819
- padding-right: var(--adyen-sdk-spacer-100, 32px);
3820
- text-wrap: nowrap;
3898
+ @container main (min-width: 680px) and (max-width: 1024px) {
3899
+ .adyen-kyc-form-container {
3900
+ flex: 1;
3901
+ }
3821
3902
  }
3822
3903
 
3823
- .adyen-kyc-conflict-row-list {
3824
- display: flex;
3825
- flex-direction: row;
3826
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3827
- padding: var(--adyen-sdk-spacer-060, 12px);
3904
+ .adyen-kyc-form-wrapper--hidden {
3905
+ display: none;
3828
3906
  }
3829
- .adyen-kyc-conflict-row-list dt {
3830
- min-width: var(--adyen-sdk-spacer-140, 64px);
3907
+
3908
+ .adyen-kyc-dropin__sidebar-wrapper {
3909
+ width: 27%;
3831
3910
  }
3832
- .adyen-kyc-conflict-row-list dd {
3911
+
3912
+ .adyen-kyc-form-with-sidebar {
3833
3913
  display: flex;
3834
- flex-direction: column;
3835
- gap: var(--adyen-sdk-spacer-060, 12px);
3914
+ width: 100%;
3836
3915
  }
3837
3916
 
3838
- .adyen-kyc-conflict-row-list-option-label {
3839
- padding-left: var(--adyen-sdk-spacer-090, 24px);
3840
- }/* for container queries */
3841
- .adyen-kyc-data-conflicts-wrapper {
3842
- display: flex;
3843
- flex-direction: column;
3844
- gap: var(--adyen-sdk-spacer-100, 32px);
3917
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3918
+ flex: 1;
3845
3919
  }
3846
3920
 
3847
- .adyen-kyc-data-conflicts-header {
3848
- display: flex;
3849
- gap: var(--adyen-sdk-spacer-040, 8px);
3850
- flex-direction: column;
3851
- align-items: center;
3852
- text-align: center;
3921
+ @container main (max-width: 680px) {
3922
+ .adyen-kyc-dropin__content-main,
3923
+ .adyen-kyc-form-with-sidebar {
3924
+ flex-direction: column;
3925
+ }
3926
+ }.adyen-kyc-tag {
3927
+ display: inline-block;
3928
+ font-size: var(--adyen-sdk-text-caption-font-size);
3929
+ font-family: var(--adyen-sdk-text-caption-font-family);
3930
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight);
3931
+ line-height: var(--adyen-sdk-text-caption-line-height);
3932
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-040);
3933
+ border-radius: var(--adyen-sdk-border-radius-s);
3934
+ text-decoration: none;
3935
+ vertical-align: baseline;
3936
+ white-space: nowrap;
3937
+ border: none;
3938
+ }
3939
+
3940
+ .adyen-kyc-tag-grey {
3941
+ background: var(--adyen-sdk-color-background-secondary);
3942
+ color: var(--adyen-sdk-color-label-secondary);
3943
+ }
3944
+
3945
+ .adyen-kyc-tag-blue {
3946
+ background: var(--adyen-sdk-color-background-highlight-weak);
3947
+ color: var(--adyen-sdk-color-label-on-background-highlight-weak);
3948
+ }
3949
+
3950
+ .adyen-kyc-tag-orange {
3951
+ background: var(--adyen-sdk-color-background-warning-weak);
3952
+ color: var(--adyen-sdk-color-label-on-background-warning-weak);
3953
+ }
3954
+
3955
+ .adyen-kyc-tag-red {
3956
+ background: var(--adyen-sdk-color-background-critical-weak);
3957
+ color: var(--adyen-sdk-color-label-on-background-critical-weak);
3958
+ }
3959
+
3960
+ .adyen-kyc-tag-teal {
3961
+ background-color: var(--adyen-sdk-color-background-success-weak);
3962
+ /** Bento does not have a fifth tag color */
3963
+ color: #065e79;
3964
+ }
3965
+
3966
+ .adyen-kyc-tag-green {
3967
+ background-color: var(--adyen-sdk-color-background-success-weak);
3968
+ color: var(--adyen-sdk-color-label-on-background-success-weak);
3969
+ }
3970
+ .adyen-kyc-card {
3971
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3972
+ border: var(--adyen-sdk-border-default-s);
3973
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3974
+ display: block;
3975
+ outline: none;
3976
+ }
3977
+ .adyen-kyc-card--secondary {
3978
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3979
+ }
3980
+ .adyen-kyc-card--borderless {
3981
+ border: none;
3982
+ }
3983
+
3984
+ .adyen-kyc-card.adyen-kyc-card--stateful {
3985
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
3986
+ cursor: pointer;
3987
+ transition-duration: 0.2s;
3988
+ transition-property: border-color, box-shadow;
3989
+ transition-timing-function: ease;
3990
+ position: relative;
3991
+ }
3992
+ .adyen-kyc-card.adyen-kyc-card--stateful:hover {
3993
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
3994
+ z-index: 1;
3995
+ }
3996
+ .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
3997
+ z-index: 2;
3998
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
3999
+ }
4000
+ .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
4001
+ box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
4002
+ transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4003
+ transition-property: box-shadow;
4004
+ }
4005
+
4006
+ .adyen-kyc-card.adyen-kyc-card--active {
4007
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
4008
+ cursor: pointer;
4009
+ transition-duration: 0.2s;
4010
+ transition-property: border-color, box-shadow;
4011
+ transition-timing-function: ease;
3853
4012
  }
3854
-
3855
- .adyen-kyc-data-conflicts-table {
3856
- display: none;
3857
- border-collapse: collapse;
4013
+ .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
4014
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3858
4015
  }
3859
- .adyen-kyc-data-conflicts-table th {
3860
- padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
3861
- text-align: left;
4016
+ .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
4017
+ box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
3862
4018
  }
3863
- @media (min-width: 480px) {
3864
- .adyen-kyc-data-conflicts-table {
3865
- display: table;
3866
- }
4019
+
4020
+ .adyen-kyc-card.adyen-kyc-card--disabled {
4021
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
4022
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
4023
+ cursor: not-allowed;
3867
4024
  }
3868
4025
 
3869
- .adyen-kyc-data-conflicts-list {
3870
- display: flex;
3871
- flex-direction: column;
4026
+ .adyen-kyc-card__header {
4027
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
3872
4028
  }
3873
- @media (min-width: 480px) {
3874
- .adyen-kyc-data-conflicts-list {
3875
- display: none;
3876
- }
3877
- }/* for container queries */
3878
- .adyen-kyc-verification-header-image svg {
3879
- max-width: 180px;
3880
- }/* for container queries */
3881
- .adyen-kyc-uploaded-document {
3882
- color: var(--adyen-sdk-color-label-primary, #001222);
3883
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4029
+ .adyen-kyc-card__header--button {
3884
4030
  display: flex;
3885
- gap: var(--adyen-sdk-spacer-040, 8px);
3886
4031
  justify-content: space-between;
3887
- border: var(--adyen-sdk-border-default-s);
3888
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3889
- padding: var(--adyen-sdk-spacer-070, 16px);
3890
- width: 100%;
3891
- vertical-align: middle;
3892
- margin-top: var(--adyen-sdk-spacer-040, 8px);
3893
- text-align: left;
3894
- }/* for container queries */
3895
- .adyen-kyc-form-container {
3896
- width: 100%;
4032
+ align-items: center;
3897
4033
  }
3898
- @container main (min-width: 680px) and (max-width: 1024px) {
3899
- .adyen-kyc-form-container {
3900
- flex: 1;
3901
- }
4034
+ .adyen-kyc-card__header .adyen-kyc-card-title {
4035
+ display: flex;
4036
+ flex-direction: column;
3902
4037
  }
3903
4038
 
3904
- .adyen-kyc-form-wrapper--hidden {
3905
- display: none;
4039
+ .adyen-kyc-card__body {
4040
+ padding: var(--adyen-sdk-spacer-070, 16px);
3906
4041
  }
3907
-
3908
- .adyen-kyc-dropin__sidebar-wrapper {
3909
- width: 27%;
4042
+ .adyen-kyc-card__header + .adyen-kyc-card__body {
4043
+ padding-top: var(--adyen-sdk-spacer-000, 0px);
3910
4044
  }
3911
4045
 
3912
- .adyen-kyc-form-with-sidebar {
3913
- display: flex;
3914
- width: 100%;
4046
+ .adyen-kyc-card__footer {
4047
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
3915
4048
  }
3916
-
3917
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3918
- flex: 1;
4049
+ .adyen-kyc-card__body + .adyen-kyc-card__footer {
4050
+ margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
3919
4051
  }
3920
4052
 
3921
- @container main (max-width: 680px) {
3922
- .adyen-kyc-dropin__content-main,
3923
- .adyen-kyc-form-with-sidebar {
3924
- flex-direction: column;
3925
- }
4053
+ .adyen-kyc-card__warning {
4054
+ border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
3926
4055
  }.adyen-kyc-bank-document {
3927
4056
  min-height: 480px;
3928
4057
  }
@@ -4019,56 +4148,56 @@ input.adyen-kyc-radio-group-card__radio--floating {
4019
4148
  flex-direction: column;
4020
4149
  }
4021
4150
  }
4022
- .adyen-kyc-field-verification-methods__card {
4151
+ .adyen-kyc-field-verification-methods-card {
4023
4152
  display: flex;
4024
4153
  }
4025
4154
  @container main (min-width: 680px) and (max-width: 1024px) {
4026
- .adyen-kyc-field-verification-methods__card {
4155
+ .adyen-kyc-field-verification-methods-card {
4027
4156
  display: block;
4028
4157
  }
4029
4158
  }
4030
4159
  .adyen-kyc-field-verification-methods .adyen-kyc-radio-card {
4031
4160
  flex: 1;
4032
4161
  }
4033
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__icon {
4162
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-icon {
4034
4163
  display: none;
4035
4164
  }
4036
4165
  @container main (min-width: 680px) and (max-width: 1024px) {
4037
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__icon {
4166
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-icon {
4038
4167
  display: block;
4039
4168
  margin-right: var(--adyen-sdk-spacer-000, 0px);
4040
4169
  width: auto;
4041
4170
  }
4042
4171
  }
4043
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__content {
4172
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-content {
4044
4173
  width: 100%;
4045
4174
  }
4046
4175
  @container main (min-width: 680px) and (max-width: 1024px) {
4047
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__content {
4176
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-content {
4048
4177
  width: auto;
4049
4178
  }
4050
4179
  }
4051
- .adyen-kyc-field-verification-methods__footer {
4180
+ .adyen-kyc-field-verification-methods-footer {
4052
4181
  align-items: center;
4053
4182
  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4054
4183
  display: flex;
4055
4184
  gap: var(--adyen-sdk-spacer-020, 4px);
4056
4185
  justify-content: end;
4057
4186
  }
4058
- .adyen-kyc-field-verification-methods__logo {
4187
+ .adyen-kyc-field-verification-methods-logo {
4059
4188
  height: 12px;
4060
4189
  max-width: 75px;
4061
4190
  }
4062
4191
 
4063
- .adyen-kyc-radio-group-card__illustration {
4192
+ .adyen-kyc-radio-group-card-illustration {
4064
4193
  display: flex;
4065
4194
  justify-content: center;
4066
4195
  }
4067
- .adyen-kyc-radio-group-card__illustration svg {
4196
+ .adyen-kyc-radio-group-card-illustration svg {
4068
4197
  height: 75px;
4069
4198
  }
4070
4199
  @container main (min-width: 680px) and (max-width: 1024px) {
4071
- .adyen-kyc-radio-group-card__illustration svg {
4200
+ .adyen-kyc-radio-group-card-illustration svg {
4072
4201
  height: 125px;
4073
4202
  }
4074
4203
  }
@@ -4077,23 +4206,47 @@ input.adyen-kyc-radio-group-card__radio--floating {
4077
4206
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
4078
4207
  }
4079
4208
 
4080
- .adyen-kyc-payout-verification-method__header {
4209
+ .adyen-kyc-payout-verification-method-header {
4081
4210
  text-align: center;
4082
4211
  }
4083
- .adyen-kyc-payout-verification-method__image {
4212
+ .adyen-kyc-payout-verification-method-image {
4084
4213
  margin-top: var(--adyen-sdk-spacer-090, 24px);
4085
4214
  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
4086
4215
  }
4087
- .adyen-kyc-payout-verification-method__image svg {
4216
+ .adyen-kyc-payout-verification-method-image svg {
4088
4217
  height: 125px;
4089
4218
  }
4090
4219
  @container main (min-width: 680px) and (max-width: 1024px) {
4091
- .adyen-kyc-payout-verification-method__image svg {
4220
+ .adyen-kyc-payout-verification-method-image svg {
4092
4221
  height: 150px;
4093
4222
  }
4094
4223
  }
4095
- .adyen-kyc-payout-verification-method__description {
4224
+ .adyen-kyc-payout-verification-method-description {
4096
4225
  margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-120, 48px);
4226
+ }
4227
+ .adyen-kyc-payout-verification-method-card {
4228
+ overflow: hidden;
4229
+ }
4230
+ .adyen-kyc-payout-verification-method-card:hover {
4231
+ cursor: pointer;
4232
+ }
4233
+ .adyen-kyc-payout-verification-method-card:hover .adyen-kyc-payout-verification-method-card-image {
4234
+ transform: scale(1.2);
4235
+ }
4236
+ .adyen-kyc-payout-verification-method-card-body {
4237
+ padding: 0;
4238
+ display: flex;
4239
+ flex-direction: row;
4240
+ }
4241
+ .adyen-kyc-payout-verification-method-card-image-container {
4242
+ width: 150px;
4243
+ height: 150px;
4244
+ overflow: hidden;
4245
+ }
4246
+ .adyen-kyc-payout-verification-method-card-image {
4247
+ height: 100%;
4248
+ width: 100%;
4249
+ transition: transform 0.3s ease;
4097
4250
  }.adyen-kyc-avatar {
4098
4251
  align-items: center;
4099
4252
  display: flex;
@@ -4141,205 +4294,76 @@ input.adyen-kyc-radio-group-card__radio--floating {
4141
4294
  }
4142
4295
 
4143
4296
  .adyen-kyc-avatar-disabled {
4144
- background-color: var(--adyen-sdk-color-background-disabled);
4145
- border: 1px solid var(--adyen-sdk-color-outline-primary);
4146
- color: var(--adyen-sdk-color-label-disabled);
4147
- }
4148
-
4149
- .adyen-kyc-avatar-shape-square {
4150
- border-radius: var(--adyen-sdk-border-radius-l);
4151
- }
4152
-
4153
- .adyen-kyc-avatar-shape-circle {
4154
- border-radius: 44px;
4155
- }
4156
- .adyen-kyc-tag {
4157
- display: inline-block;
4158
- font-size: var(--adyen-sdk-text-caption-font-size);
4159
- font-family: var(--adyen-sdk-text-caption-font-family);
4160
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight);
4161
- line-height: var(--adyen-sdk-text-caption-line-height);
4162
- padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-040);
4163
- border-radius: var(--adyen-sdk-border-radius-s);
4164
- text-decoration: none;
4165
- vertical-align: baseline;
4166
- white-space: nowrap;
4167
- border: none;
4168
- }
4169
-
4170
- .adyen-kyc-tag-grey {
4171
- background: var(--adyen-sdk-color-background-secondary);
4172
- color: var(--adyen-sdk-color-label-secondary);
4173
- }
4174
-
4175
- .adyen-kyc-tag-blue {
4176
- background: var(--adyen-sdk-color-background-highlight-weak);
4177
- color: var(--adyen-sdk-color-label-on-background-highlight-weak);
4178
- }
4179
-
4180
- .adyen-kyc-tag-orange {
4181
- background: var(--adyen-sdk-color-background-warning-weak);
4182
- color: var(--adyen-sdk-color-label-on-background-warning-weak);
4183
- }
4184
-
4185
- .adyen-kyc-tag-red {
4186
- background: var(--adyen-sdk-color-background-critical-weak);
4187
- color: var(--adyen-sdk-color-label-on-background-critical-weak);
4188
- }
4189
-
4190
- .adyen-kyc-tag-teal {
4191
- background-color: var(--adyen-sdk-color-background-success-weak);
4192
- /** Bento does not have a fifth tag color */
4193
- color: #065e79;
4194
- }
4195
-
4196
- .adyen-kyc-tag-green {
4197
- background-color: var(--adyen-sdk-color-background-success-weak);
4198
- color: var(--adyen-sdk-color-label-on-background-success-weak);
4199
- }
4200
- .adyen-kyc-embedded-status {
4201
- display: flex;
4202
- justify-content: space-between;
4203
- align-items: center;
4204
- gap: var(--adyen-sdk-spacer-070);
4205
- background-color: var(--adyen-sdk-color-background-primary);
4206
- width: 100%;
4207
- min-width: 250px;
4208
- max-width: 650px;
4209
- cursor: pointer;
4210
- /* html button default styling removal */
4211
- border: none;
4212
- border-radius: var(--adyen-sdk-border-radius-m);
4213
- text-align: left;
4214
- padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4215
- }
4216
- .adyen-kyc-embedded-status-loading {
4217
- cursor: default;
4218
- }
4219
- .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4220
- background-color: var(--adyen-sdk-color-background-primary);
4221
- border: none;
4222
- }
4223
-
4224
- .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4225
- background-color: var(--adyen-sdk-color-background-secondary);
4226
- transition: background-color 0.2s;
4227
- }
4228
- .adyen-kyc-embedded-status-action-indicator {
4229
- background-color: var(--adyen-sdk-color-background-secondary);
4230
- color: var(--adyen-sdk-color-label-secondary);
4231
- }
4232
-
4233
- .adyen-kyc-embedded-status-avatar {
4234
- display: flex;
4235
- justify-content: center;
4236
- align-items: center;
4237
- width: 40px;
4238
- height: 40px;
4239
- border-radius: var(--adyen-sdk-border-radius-m);
4240
- color: var(--adyen-sdk-color-label-inverse-primary);
4241
- background-color: var(--adyen-sdk-color-background-inverse-primary);
4242
- }
4243
-
4244
- .adyen-kyc-embedded-status-action-indicator {
4245
- border: var(--adyen-sdk-border-default-s);
4246
- border-radius: var(--adyen-sdk-border-radius-m);
4247
- background-color: var(--adyen-sdk-color-background-primary);
4248
- padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4249
- }
4250
-
4251
- .adyen-kyc-embedded-status-info {
4252
- display: flex;
4253
- flex-direction: column;
4254
- flex: 1;
4255
- overflow-x: auto;
4256
- }
4257
- .adyen-kyc-card {
4258
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4259
- border: var(--adyen-sdk-border-default-s);
4260
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
4261
- display: block;
4262
- outline: none;
4263
- }
4264
- .adyen-kyc-card--secondary {
4265
- background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4266
- }
4267
- .adyen-kyc-card--borderless {
4268
- border: none;
4269
- }
4270
-
4271
- .adyen-kyc-card.adyen-kyc-card--stateful {
4272
- border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
4273
- cursor: pointer;
4274
- transition-duration: 0.2s;
4275
- transition-property: border-color, box-shadow;
4276
- transition-timing-function: ease;
4277
- position: relative;
4278
- }
4279
- .adyen-kyc-card.adyen-kyc-card--stateful:hover {
4280
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
4281
- z-index: 1;
4282
- }
4283
- .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
4284
- z-index: 2;
4285
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
4286
- }
4287
- .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
4288
- box-shadow: 0 0 0 var(--adyen-sdk-focus-ring-spacer, 1px) var(--adyen-sdk-color-background-primary, #ffffff), 0 0 0 var(--adyen-sdk-focus-ring-outline, 3px) var(--adyen-sdk-focus-ring-color, rgba(15, 117, 220, 0.8));
4289
- transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4290
- transition-property: box-shadow;
4291
- }
4292
-
4293
- .adyen-kyc-card.adyen-kyc-card--active {
4294
- border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
4295
- cursor: pointer;
4296
- transition-duration: 0.2s;
4297
- transition-property: border-color, box-shadow;
4298
- transition-timing-function: ease;
4299
- }
4300
- .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
4301
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
4302
- }
4303
- .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
4304
- box-shadow: var(--adyen-sdk-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
4297
+ background-color: var(--adyen-sdk-color-background-disabled);
4298
+ border: 1px solid var(--adyen-sdk-color-outline-primary);
4299
+ color: var(--adyen-sdk-color-label-disabled);
4305
4300
  }
4306
4301
 
4307
- .adyen-kyc-card.adyen-kyc-card--disabled {
4308
- background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
4309
- color: var(--adyen-sdk-color-label-disabled, #8c959d);
4310
- cursor: not-allowed;
4302
+ .adyen-kyc-avatar-shape-square {
4303
+ border-radius: var(--adyen-sdk-border-radius-l);
4311
4304
  }
4312
4305
 
4313
- .adyen-kyc-card__header {
4314
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
4306
+ .adyen-kyc-avatar-shape-circle {
4307
+ border-radius: 44px;
4315
4308
  }
4316
- .adyen-kyc-card__header--button {
4309
+ .adyen-kyc-embedded-status {
4317
4310
  display: flex;
4318
4311
  justify-content: space-between;
4319
4312
  align-items: center;
4313
+ gap: var(--adyen-sdk-spacer-070);
4314
+ background-color: var(--adyen-sdk-color-background-primary);
4315
+ width: 100%;
4316
+ min-width: 250px;
4317
+ max-width: 650px;
4318
+ cursor: pointer;
4319
+ /* html button default styling removal */
4320
+ border: none;
4321
+ border-radius: var(--adyen-sdk-border-radius-m);
4322
+ text-align: left;
4323
+ padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4320
4324
  }
4321
- .adyen-kyc-card__header .adyen-kyc-card-title {
4322
- display: flex;
4323
- flex-direction: column;
4325
+ .adyen-kyc-embedded-status-loading {
4326
+ cursor: default;
4327
+ }
4328
+ .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4329
+ background-color: var(--adyen-sdk-color-background-primary);
4330
+ border: none;
4324
4331
  }
4325
4332
 
4326
- .adyen-kyc-card__body {
4327
- padding: var(--adyen-sdk-spacer-070, 16px);
4333
+ .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4334
+ background-color: var(--adyen-sdk-color-background-secondary);
4335
+ transition: background-color 0.2s;
4328
4336
  }
4329
- .adyen-kyc-card__header + .adyen-kyc-card__body {
4330
- padding-top: var(--adyen-sdk-spacer-000, 0px);
4337
+ .adyen-kyc-embedded-status-action-indicator {
4338
+ background-color: var(--adyen-sdk-color-background-secondary);
4339
+ color: var(--adyen-sdk-color-label-secondary);
4331
4340
  }
4332
4341
 
4333
- .adyen-kyc-card__footer {
4334
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
4342
+ .adyen-kyc-embedded-status-avatar {
4343
+ display: flex;
4344
+ justify-content: center;
4345
+ align-items: center;
4346
+ width: 40px;
4347
+ height: 40px;
4348
+ border-radius: var(--adyen-sdk-border-radius-m);
4349
+ color: var(--adyen-sdk-color-label-inverse-primary);
4350
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
4335
4351
  }
4336
- .adyen-kyc-card__body + .adyen-kyc-card__footer {
4337
- margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
4352
+
4353
+ .adyen-kyc-embedded-status-action-indicator {
4354
+ border: var(--adyen-sdk-border-default-s);
4355
+ border-radius: var(--adyen-sdk-border-radius-m);
4356
+ background-color: var(--adyen-sdk-color-background-primary);
4357
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4338
4358
  }
4339
4359
 
4340
- .adyen-kyc-card__warning {
4341
- border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
4342
- }/* for container queries */
4360
+ .adyen-kyc-embedded-status-info {
4361
+ display: flex;
4362
+ flex-direction: column;
4363
+ flex: 1;
4364
+ overflow-x: auto;
4365
+ }
4366
+ /* for container queries */
4343
4367
  .adyen-kyc-status {
4344
4368
  border: 0;
4345
4369
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -4454,53 +4478,235 @@ input.adyen-kyc-radio-group-card__radio--floating {
4454
4478
  .adyen-task-list-singpass-banner {
4455
4479
  margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4456
4480
  }
4457
- .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
4481
+ .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
4482
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
4483
+ }
4484
+
4485
+ .adyen-task-list-singpass-banner__title {
4486
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4487
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
4488
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4489
+ }
4490
+ .adyen-task-list-singpass-banner__title + * {
4491
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4492
+ }
4493
+
4494
+ .adyen-task-list-singpass-banner__subtitle {
4495
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4496
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4497
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4498
+ }
4499
+ .adyen-task-list-singpass-banner__subtitle + * {
4500
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4501
+ }
4502
+
4503
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4504
+ width: 100%;
4505
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4506
+ color: var(--adyen-sdk-color-label-primary, #001222);
4507
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4508
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4509
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4510
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4511
+ }
4512
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
4513
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4514
+ }
4515
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
4516
+ margin-left: var(--adyen-sdk-spacer-040, 8px);
4517
+ width: 92px;
4518
+ padding-top: var(--adyen-sdk-spacer-020, 4px);
4519
+ }
4520
+
4521
+ .adyen-task-list__heading {
4522
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
4523
+ }
4524
+
4525
+ .adyen-task-list__description {
4526
+ display: flex;
4527
+ align-items: center;
4528
+ }.adyen-kyc-financial-information-reported-value-options {
4529
+ gap: var(--adyen-sdk-spacer-060, 12px);
4530
+ }.adyen-kyc-reported-value {
4531
+ display: flex;
4532
+ flex-direction: column;
4533
+ padding: var(--adyen-sdk-spacer-020, 4px) 0;
4534
+ }
4535
+
4536
+ .adyen-kyc-reported-value-input {
4537
+ margin: var(--adyen-sdk-spacer-060, 12px) 0;
4538
+ }.adyen-kyc-additional-information__content {
4539
+ display: flex;
4540
+ flex-direction: column;
4541
+ gap: var(--adyen-sdk-spacer-120, 48px);
4542
+ }
4543
+ .adyen-kyc-additional-information__section-heading {
4544
+ margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
4545
+ display: flex;
4546
+ flex-direction: column;
4547
+ gap: var(--adyen-sdk-spacer-050, 10px);
4548
+ }
4549
+ .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
4550
+ flex-direction: column;
4551
+ }
4552
+ .adyen-kyc-additional-information .adyen-kyc__address {
4553
+ margin-bottom: 0 !important;
4554
+ }.adyen-kyc-field--dbaName {
4555
+ margin-left: 0 !important;
4556
+ }/* for container queries */
4557
+ .adyen-kyc-industry-codes-content {
4558
+ display: flex;
4559
+ flex-direction: column;
4560
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4561
+ gap: var(--adyen-sdk-spacer-010, 2px);
4562
+ }
4563
+ @container main (min-width: 680px) {
4564
+ .adyen-kyc-industry-codes-content {
4565
+ flex-direction: column;
4566
+ gap: var(--adyen-sdk-spacer-040, 8px);
4567
+ }
4568
+ }
4569
+
4570
+ .adyen-kyc-industry-codes-selection {
4571
+ display: flex;
4572
+ gap: var(--adyen-sdk-spacer-060, 12px);
4573
+ }.adyen-kyc-verified-business-card {
4574
+ display: flex;
4575
+ flex-direction: column;
4576
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4577
+ padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
4578
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
4579
+ }
4580
+ .adyen-kyc-verified-business-card__content {
4581
+ display: flex;
4582
+ flex-direction: column;
4583
+ gap: var(--adyen-sdk-spacer-080, 20px);
4584
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
4585
+ transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
4586
+ }
4587
+ .adyen-kyc-verified-business-card__content--collapsed {
4588
+ overflow: hidden;
4589
+ max-height: 0;
4590
+ opacity: 0;
4591
+ margin: 0;
4592
+ padding-left: var(--adyen-sdk-spacer-080, 20px);
4593
+ }
4594
+ .adyen-kyc-verified-business-card__content--expanded {
4595
+ max-height: 480px;
4596
+ }
4597
+ .adyen-kyc-verified-business-card__expand-button {
4598
+ display: flex;
4599
+ flex-direction: row;
4600
+ justify-content: flex-start;
4601
+ text-decoration: underline;
4602
+ }.adyen-kyc-divider {
4603
+ background-color: var(--adyen-sdk-color-separator-primary);
4604
+ border: none;
4605
+ height: var(--adyen-sdk-border-width-s);
4606
+ margin-block-end: 0;
4607
+ margin-block-start: 0;
4608
+ width: 100%;
4609
+ }
4610
+ .adyen-kyc-basic-information {
4611
+ display: flex;
4612
+ flex-direction: column;
4613
+ }
4614
+ .adyen-kyc-basic-information .adyen-kyc-field-wrapper {
4615
+ flex-direction: column;
4616
+ }
4617
+ .adyen-kyc-basic-information fieldset {
4618
+ border: none;
4619
+ padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
4620
+ margin: 0;
4621
+ }.adyen-kyc-business-selection {
4622
+ height: 100%;
4623
+ width: 100%;
4624
+ }
4625
+ .adyen-kyc-business-selection--loading {
4626
+ min-height: 50vh;
4627
+ display: flex;
4628
+ flex-direction: column;
4629
+ align-items: center;
4630
+ justify-content: center;
4631
+ gap: var(--adyen-sdk-spacer-090, 24px);
4632
+ }
4633
+ .adyen-kyc-business-selection__footer {
4634
+ align-items: center;
4635
+ display: flex;
4636
+ justify-content: center;
4637
+ padding: var(--adyen-sdk-spacer-090, 24px) 0;
4638
+ gap: var(--adyen-sdk-spacer-030, 6px);
4639
+ }
4640
+ .adyen-kyc-business-selection .adyen-kyc-link {
4641
+ text-decoration: underline;
4642
+ text-wrap: nowrap;
4643
+ }.adyen-kyc-business-information-card .adyen-kyc-alert__header {
4644
+ display: flex;
4645
+ align-items: center;
4646
+ }
4647
+ .adyen-kyc-business-information-card .adyen-kyc-alert__title {
4648
+ margin-left: var(--adyen-sdk-spacer-060, 12px);
4649
+ }
4650
+ .adyen-kyc-business-information-card .adyen-kyc-card {
4651
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
4652
+ }
4653
+ .adyen-kyc-business-information-card .adyen-kyc-card__body {
4654
+ display: flex;
4655
+ flex-direction: column;
4656
+ gap: var(--adyen-sdk-spacer-070, 16px);
4657
+ padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
4658
+ }
4659
+
4660
+ .adyen-kyc-business-information {
4661
+ display: flex;
4662
+ flex-direction: column;
4663
+ }
4664
+ .adyen-kyc-business-information--fetching {
4665
+ flex-direction: row;
4666
+ min-height: 228px;
4667
+ justify-content: center;
4668
+ align-items: center;
4669
+ }.adyen-kyc-field--entityType {
4670
+ margin-bottom: var(--adyen-sdk-spacer-090, 24px);
4671
+ }
4672
+ .adyen-kyc-field--entityType .adyen-kyc-label__text {
4673
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
4674
+ }.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
4458
4675
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
4459
4676
  }
4460
4677
 
4461
- .adyen-task-list-singpass-banner__title {
4462
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4463
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
4464
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4465
- }
4466
- .adyen-task-list-singpass-banner__title + * {
4467
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4678
+ .adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
4679
+ display: flex;
4680
+ font-size: calc(var(--adyen-sdk-text-title-m-font-size, 20px) * 2);
4468
4681
  }
4469
4682
 
4470
- .adyen-task-list-singpass-banner__subtitle {
4471
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4472
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4473
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4474
- }
4475
- .adyen-task-list-singpass-banner__subtitle + * {
4476
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4683
+ .adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
4684
+ display: flex;
4685
+ align-items: center;
4686
+ padding: var(--adyen-sdk-spacer-070, 16px);
4687
+ gap: var(--adyen-sdk-spacer-060, 12px);
4477
4688
  }
4478
4689
 
4479
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4480
- width: 100%;
4481
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4482
- color: var(--adyen-sdk-color-label-primary, #001222);
4483
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4484
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4485
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4486
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4487
- }
4488
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
4489
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4690
+ .adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
4691
+ display: flex;
4692
+ flex-direction: column;
4693
+ gap: var(--adyen-sdk-spacer-020, 4px);
4694
+ margin-bottom: var(--adyen-sdk-spacer-000, 0px);
4490
4695
  }
4491
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
4492
- margin-left: var(--adyen-sdk-spacer-040, 8px);
4493
- width: 92px;
4494
- padding-top: var(--adyen-sdk-spacer-020, 4px);
4696
+
4697
+ .adyen-kyc-entity-type-radio-group-card__description {
4698
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4495
4699
  }
4496
4700
 
4497
- .adyen-task-list__heading {
4498
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
4701
+ .adyen-kyc-entity-type-radio-group-card__examples {
4702
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4499
4703
  }
4500
4704
 
4501
- .adyen-task-list__description {
4705
+ .adyen-kyc-trust__role-and-entity-type .adyen-kyc-radio-card {
4502
4706
  display: flex;
4503
4707
  align-items: center;
4708
+ flex-grow: 1;
4709
+ padding: var(--adyen-sdk-spacer-070, 16px);
4504
4710
  }/* for container queries */
4505
4711
  .adyen-task-item {
4506
4712
  gap: var(--adyen-sdk-spacer-100, 32px);
@@ -5068,42 +5274,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
5068
5274
  }
5069
5275
  .adyen-kyc-introduction__nav button {
5070
5276
  flex-grow: 1;
5071
- }.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
5072
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
5073
- }
5074
-
5075
- .adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
5076
- display: flex;
5077
- font-size: calc(var(--adyen-sdk-text-title-m-font-size, 20px) * 2);
5078
- }
5079
-
5080
- .adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
5081
- display: flex;
5082
- align-items: center;
5083
- padding: var(--adyen-sdk-spacer-070, 16px);
5084
- gap: var(--adyen-sdk-spacer-060, 12px);
5085
- }
5086
-
5087
- .adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
5088
- display: flex;
5089
- flex-direction: column;
5090
- gap: var(--adyen-sdk-spacer-020, 4px);
5091
- margin-bottom: var(--adyen-sdk-spacer-000, 0px);
5092
- }
5093
-
5094
- .adyen-kyc-entity-type-radio-group-card__description {
5095
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5096
- }
5097
-
5098
- .adyen-kyc-entity-type-radio-group-card__examples {
5099
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5100
- }
5101
-
5102
- .adyen-kyc-trust__role-and-entity-type .adyen-kyc-radio-card {
5103
- display: flex;
5104
- align-items: center;
5105
- flex-grow: 1;
5106
- padding: var(--adyen-sdk-spacer-070, 16px);
5107
5277
  }.adyen-kyc-business-type-selection {
5108
5278
  margin-left: auto;
5109
5279
  margin-right: auto;
@@ -5330,34 +5500,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
5330
5500
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
5331
5501
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
5332
5502
  border-top: var(--adyen-sdk-border-default-s);
5333
- }.adyen-kyc-field--dbaName {
5334
- margin-left: 0 !important;
5335
5503
  }/* for container queries */
5336
- .adyen-kyc-industry-codes-content {
5337
- display: flex;
5338
- flex-direction: column;
5339
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
5340
- gap: var(--adyen-sdk-spacer-010, 2px);
5341
- }
5342
- @container main (min-width: 680px) {
5343
- .adyen-kyc-industry-codes-content {
5344
- flex-direction: column;
5345
- gap: var(--adyen-sdk-spacer-040, 8px);
5346
- }
5347
- }
5348
-
5349
- .adyen-kyc-industry-codes-selection {
5350
- display: flex;
5351
- gap: var(--adyen-sdk-spacer-060, 12px);
5352
- }.adyen-kyc-divider {
5353
- background-color: var(--adyen-sdk-color-separator-primary);
5354
- border: none;
5355
- height: var(--adyen-sdk-border-width-s);
5356
- margin-block-end: 0;
5357
- margin-block-start: 0;
5358
- width: 100%;
5359
- }
5360
- /* for container queries */
5361
5504
  .adyen-kyc-business-details {
5362
5505
  min-height: 480px;
5363
5506
  }
@@ -5369,131 +5512,17 @@ input.adyen-kyc-radio-group-card__radio--floating {
5369
5512
  .adyen-kyc-business-details--hide,
5370
5513
  .adyen-kyc-business-details [class*="--hide"] {
5371
5514
  display: none;
5372
- }.adyen-kyc-financial-information-reported-value-options {
5373
- gap: var(--adyen-sdk-spacer-060, 12px);
5374
- }.adyen-kyc-reported-value {
5375
- display: flex;
5376
- flex-direction: column;
5377
- padding: var(--adyen-sdk-spacer-020, 4px) 0;
5378
- }
5379
-
5380
- .adyen-kyc-reported-value-input {
5381
- margin: var(--adyen-sdk-spacer-060, 12px) 0;
5382
- }.adyen-kyc-additional-information__content {
5383
- display: flex;
5384
- flex-direction: column;
5385
- gap: var(--adyen-sdk-spacer-120, 48px);
5386
- }
5387
- .adyen-kyc-additional-information__section-heading {
5388
- margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
5389
- display: flex;
5390
- flex-direction: column;
5391
- gap: var(--adyen-sdk-spacer-050, 10px);
5392
- }
5393
- .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
5394
- flex-direction: column;
5395
- }
5396
- .adyen-kyc-additional-information .adyen-kyc__address {
5397
- margin-bottom: 0 !important;
5398
- }.adyen-kyc-verified-business-card {
5399
- display: flex;
5400
- flex-direction: column;
5401
- background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5402
- padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
5403
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
5404
- }
5405
- .adyen-kyc-verified-business-card__content {
5406
- display: flex;
5407
- flex-direction: column;
5408
- gap: var(--adyen-sdk-spacer-080, 20px);
5409
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5410
- transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
5411
- }
5412
- .adyen-kyc-verified-business-card__content--collapsed {
5413
- overflow: hidden;
5414
- max-height: 0;
5415
- opacity: 0;
5416
- margin: 0;
5417
- padding-left: var(--adyen-sdk-spacer-080, 20px);
5418
- }
5419
- .adyen-kyc-verified-business-card__content--expanded {
5420
- max-height: 480px;
5421
- }
5422
- .adyen-kyc-verified-business-card__expand-button {
5423
- display: flex;
5424
- flex-direction: row;
5425
- justify-content: flex-start;
5426
- text-decoration: underline;
5427
- }.adyen-kyc-basic-information {
5428
- display: flex;
5429
- flex-direction: column;
5430
- }
5431
- .adyen-kyc-basic-information .adyen-kyc-field-wrapper {
5432
- flex-direction: column;
5433
- }
5434
- .adyen-kyc-basic-information fieldset {
5435
- border: none;
5436
- padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
5437
- margin: 0;
5438
- }.adyen-kyc-business-selection {
5439
- height: 100%;
5440
- width: 100%;
5441
- }
5442
- .adyen-kyc-business-selection--loading {
5443
- min-height: 50vh;
5444
- display: flex;
5445
- flex-direction: column;
5446
- align-items: center;
5447
- justify-content: center;
5448
- gap: var(--adyen-sdk-spacer-090, 24px);
5449
- }
5450
- .adyen-kyc-business-selection__footer {
5451
- align-items: center;
5452
- display: flex;
5453
- justify-content: center;
5454
- padding: var(--adyen-sdk-spacer-090, 24px) 0;
5455
- gap: var(--adyen-sdk-spacer-030, 6px);
5456
- }
5457
- .adyen-kyc-business-selection .adyen-kyc-link {
5458
- text-decoration: underline;
5459
- text-wrap: nowrap;
5460
- }.adyen-kyc-business-information-card .adyen-kyc-alert__header {
5461
- display: flex;
5462
- align-items: center;
5463
- }
5464
- .adyen-kyc-business-information-card .adyen-kyc-alert__title {
5465
- margin-left: var(--adyen-sdk-spacer-060, 12px);
5466
- }
5467
- .adyen-kyc-business-information-card .adyen-kyc-card {
5468
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
5469
- }
5470
- .adyen-kyc-business-information-card .adyen-kyc-card__body {
5471
- display: flex;
5472
- flex-direction: column;
5473
- gap: var(--adyen-sdk-spacer-070, 16px);
5474
- padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
5475
- }
5476
-
5477
- .adyen-kyc-business-information {
5478
- display: flex;
5479
- flex-direction: column;
5480
- }
5481
- .adyen-kyc-business-information--fetching {
5482
- flex-direction: row;
5483
- min-height: 228px;
5484
- justify-content: center;
5485
- align-items: center;
5486
- }.adyen-kyc-field--entityType {
5487
- margin-bottom: var(--adyen-sdk-spacer-090, 24px);
5488
- }
5489
- .adyen-kyc-field--entityType .adyen-kyc-label__text {
5490
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
5491
5515
  }.adyen-kyc-window {
5492
5516
  display: flex;
5493
5517
  overflow-x: auto;
5494
- width: 100%;
5495
5518
  scroll-snap-type: x mandatory;
5496
5519
  padding: 16px;
5520
+
5521
+ /* Override carousel container */
5522
+ width: 100cqw;
5523
+ margin-left: -25cqw;
5524
+ scroll-padding-left: 25cqw;
5525
+ padding-left: 25cqw;
5497
5526
  }
5498
5527
 
5499
5528
  .adyen-kyc-item {
@@ -5627,16 +5656,26 @@ input.adyen-kyc-radio-group-card__radio--floating {
5627
5656
  width: 100%;
5628
5657
  max-width: 520px;
5629
5658
  margin: var(--adyen-sdk-spacer-000, 0px) auto;
5630
- }.adyen-kyc-business-line-modal-content {
5659
+ }.adyen-kyc-business-line__modal-content {
5631
5660
  padding: var(--adyen-sdk-spacer-140, 64px);
5632
5661
  display: flex;
5633
5662
  flex-direction: column;
5634
5663
  gap: var(--adyen-sdk-spacer-070, 16px);
5635
5664
  }
5636
- .adyen-kyc-business-line-card {
5665
+ .adyen-kyc-business-line__card {
5637
5666
  display: flex;
5638
5667
  flex-direction: column;
5639
5668
  gap: var(--adyen-sdk-spacer-070, 16px);
5669
+ }
5670
+ .adyen-kyc-business-line__actions {
5671
+ display: flex;
5672
+ flex-direction: column;
5673
+ gap: var(--adyen-sdk-spacer-070);
5674
+ width: 100%;
5675
+ align-items: center;
5676
+ }
5677
+ .adyen-kyc-business-line__actions button {
5678
+ width: 66%;
5640
5679
  }.adyen-kyc-go-back-button-container {
5641
5680
  margin-top: var(--adyen-sdk-spacer-140);
5642
5681
  width: 66%;