@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
package/dist/style.css CHANGED
@@ -2841,6 +2841,53 @@
2841
2841
  .adyen-kyc-summary-content-logo {
2842
2842
  height: 28px;
2843
2843
  width: 100px;
2844
+ }.adyen-kyc-link {
2845
+ align-items: center;
2846
+ border-radius: var(--adyen-sdk-border-radius-s, 4px);
2847
+ display: inline-flex;
2848
+ gap: var(--adyen-sdk-spacer-010, 2px);
2849
+ outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
2850
+ text-decoration: underline;
2851
+ transition: var(--adyen-sdk-animation-duration-slow, 250ms);
2852
+ }
2853
+ .adyen-kyc-link:focus-visible {
2854
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2855
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2856
+ outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
2857
+ outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
2858
+ text-decoration: none;
2859
+ }
2860
+
2861
+ .adyen-kyc-link-default {
2862
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2863
+ }
2864
+ @media (hover: hover) {
2865
+ .adyen-kyc-link-default:hover {
2866
+ color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2867
+ fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
2868
+ text-decoration: none;
2869
+ }
2870
+ }
2871
+ .adyen-kyc-link-default:active {
2872
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2873
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2874
+ text-decoration: none;
2875
+ }
2876
+
2877
+ .adyen-kyc-link-inline {
2878
+ color: inherit;
2879
+ }
2880
+ @media (hover: hover) {
2881
+ .adyen-kyc-link-inline:hover {
2882
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
2883
+ fill: var(--adyen-sdk-color-link-primary, #0065c9);
2884
+ text-decoration: none;
2885
+ }
2886
+ }
2887
+ .adyen-kyc-link-inline:active {
2888
+ color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2889
+ fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
2890
+ text-decoration: none;
2844
2891
  }.adyen-kyc-input-radio {
2845
2892
  display: inline-flex;
2846
2893
  vertical-align: baseline;
@@ -2928,98 +2975,6 @@
2928
2975
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2929
2976
  margin-right: var(--adyen-sdk-spacer-070, 16px);
2930
2977
  vertical-align: baseline;
2931
- }.adyen-kyc-radio-group {
2932
- display: flex;
2933
- flex-direction: column;
2934
- }
2935
- .adyen-kyc-radio-group--horizontal {
2936
- flex-direction: row;
2937
- }
2938
-
2939
- .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
2940
- display: none;
2941
- }
2942
-
2943
- .adyen-kyc-radio-group__label {
2944
- color: inherit;
2945
- display: block;
2946
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
2947
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
2948
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
2949
- overflow: visible;
2950
- padding-bottom: var(--adyen-sdk-spacer-000, 0px);
2951
- padding-left: var(--adyen-sdk-spacer-090, 24px);
2952
- position: relative;
2953
- }.adyen-kyc-progress-bar {
2954
- --adyen-progress-bar-size: 4px;
2955
- background-color: var(--adyen-sdk-color-background-secondary);
2956
- height: var(--adyen-progress-bar-size);
2957
- overflow: hidden;
2958
- }
2959
-
2960
- .adyen-kyc-progress-bar-rounded {
2961
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
2962
- }
2963
-
2964
- .adyen-kyc-progress-bar-indicator {
2965
- background-color: var(--adyen-sdk-color-background-inverse-primary);
2966
- text-indent: -1000%;
2967
- transition: width 400ms;
2968
- overflow: hidden;
2969
- }
2970
- .adyen-kyc-form-flow {
2971
- container-type: inline-size;
2972
- width: 100%;
2973
- min-height: 100%;
2974
- overflow: auto;
2975
- }
2976
-
2977
- .adyen-kyc-form-flow-content {
2978
- margin: auto;
2979
- max-width: 600px;
2980
- min-height: 100%;
2981
- padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
2982
- }
2983
- @container (min-width: 399px) {
2984
- .adyen-kyc-form-flow-content {
2985
- padding-left: var(--adyen-sdk-spacer-100, 32px);
2986
- padding-right: var(--adyen-sdk-spacer-100, 32px);
2987
- }
2988
- }
2989
- @container (min-width: 599px) {
2990
- .adyen-kyc-form-flow-content {
2991
- padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
2992
- padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
2993
- }
2994
- }
2995
-
2996
- .adyen-kyc-form-flow-footer {
2997
- background-color: #fff;
2998
- bottom: 0;
2999
- position: sticky;
3000
- z-index: 1;
3001
- }
3002
- @supports (backdrop-filter: blur(10px)) {
3003
- .adyen-kyc-form-flow-footer {
3004
- backdrop-filter: blur(10px);
3005
- background-color: rgba(255, 255, 255, 0.7);
3006
- }
3007
- }
3008
-
3009
- .adyen-kyc-form-flow-footer-border {
3010
- border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3011
- }
3012
-
3013
- .adyen-kyc-form-flow-actions {
3014
- display: flex;
3015
- gap: var(--adyen-sdk-spacer-040, 8px);
3016
- justify-content: space-between;
3017
- padding: var(--adyen-sdk-spacer-070, 16px);
3018
- }
3019
-
3020
- .adyen-kyc-form-flow-action-group {
3021
- display: flex;
3022
- gap: var(--adyen-sdk-spacer-040, 8px);
3023
2978
  }/* for container queries */
3024
2979
  .adyen-kyc-field-wrapper {
3025
2980
  display: flex;
@@ -3137,6 +3092,28 @@
3137
3092
  .adyen-kyc-field-wrapper > .adyen-kyc-field:nth-child(2) {
3138
3093
  margin-left: var(--adyen-sdk-spacer-040, 8px);
3139
3094
  }
3095
+ }.adyen-kyc-radio-group {
3096
+ display: flex;
3097
+ flex-direction: column;
3098
+ }
3099
+ .adyen-kyc-radio-group--horizontal {
3100
+ flex-direction: row;
3101
+ }
3102
+
3103
+ .adyen-kyc-radio-group + .adyen-kyc-input__inline-validation {
3104
+ display: none;
3105
+ }
3106
+
3107
+ .adyen-kyc-radio-group__label {
3108
+ color: inherit;
3109
+ display: block;
3110
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3111
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3112
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3113
+ overflow: visible;
3114
+ padding-bottom: var(--adyen-sdk-spacer-000, 0px);
3115
+ padding-left: var(--adyen-sdk-spacer-090, 24px);
3116
+ position: relative;
3140
3117
  }/* for container queries */
3141
3118
  fieldset {
3142
3119
  border: none;
@@ -3186,53 +3163,76 @@ fieldset {
3186
3163
  margin-right: var(--adyen-sdk-spacer-020, 4px);
3187
3164
  }.adyen-kyc-search-address-field-hide {
3188
3165
  display: none;
3189
- }.adyen-kyc-link {
3190
- align-items: center;
3191
- border-radius: var(--adyen-sdk-border-radius-s, 4px);
3192
- display: inline-flex;
3193
- gap: var(--adyen-sdk-spacer-010, 2px);
3194
- outline: var(--adyen-sdk-focus-ring-outline, 3px) solid transparent;
3195
- text-decoration: underline;
3196
- transition: var(--adyen-sdk-animation-duration-slow, 250ms);
3166
+ }.adyen-kyc-progress-bar {
3167
+ --adyen-progress-bar-size: 4px;
3168
+ background-color: var(--adyen-sdk-color-background-secondary);
3169
+ height: var(--adyen-progress-bar-size);
3170
+ overflow: hidden;
3197
3171
  }
3198
- .adyen-kyc-link:focus-visible {
3199
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3200
- fill: var(--adyen-sdk-color-link-primary, #0065c9);
3201
- outline-color: var(--adyen-sdk-color-link-primary, #0065c9);
3202
- outline-offset: var(--adyen-sdk-focus-ring-spacer, 1px);
3203
- text-decoration: none;
3172
+
3173
+ .adyen-kyc-progress-bar-rounded {
3174
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
3204
3175
  }
3205
3176
 
3206
- .adyen-kyc-link-default {
3207
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3177
+ .adyen-kyc-progress-bar-indicator {
3178
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
3179
+ text-indent: -1000%;
3180
+ transition: width 400ms;
3181
+ overflow: hidden;
3208
3182
  }
3209
- @media (hover: hover) {
3210
- .adyen-kyc-link-default:hover {
3211
- color: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
3212
- fill: var(--adyen-sdk-color-link-primary-hover, #0f75dc);
3213
- text-decoration: none;
3183
+ .adyen-kyc-form-flow {
3184
+ container-type: inline-size;
3185
+ width: 100%;
3186
+ min-height: 100%;
3187
+ overflow: auto;
3188
+ }
3189
+
3190
+ .adyen-kyc-form-flow-content {
3191
+ margin: auto;
3192
+ max-width: 600px;
3193
+ min-height: 100%;
3194
+ padding: var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px);
3195
+ }
3196
+ @container (min-width: 399px) {
3197
+ .adyen-kyc-form-flow-content {
3198
+ padding-left: var(--adyen-sdk-spacer-100, 32px);
3199
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3214
3200
  }
3215
3201
  }
3216
- .adyen-kyc-link-default:active {
3217
- color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3218
- fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3219
- text-decoration: none;
3202
+ @container (min-width: 599px) {
3203
+ .adyen-kyc-form-flow-content {
3204
+ padding-left: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3205
+ padding-right: calc(var(--adyen-sdk-spacer-070, 16px) * 2 + 44px);
3206
+ }
3220
3207
  }
3221
3208
 
3222
- .adyen-kyc-link-inline {
3223
- color: inherit;
3209
+ .adyen-kyc-form-flow-footer {
3210
+ background-color: var(--adyen-sdk-color-background-primary);
3211
+ bottom: 0;
3212
+ position: sticky;
3213
+ z-index: 1;
3224
3214
  }
3225
- @media (hover: hover) {
3226
- .adyen-kyc-link-inline:hover {
3227
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3228
- fill: var(--adyen-sdk-color-link-primary, #0065c9);
3229
- text-decoration: none;
3215
+ @supports (backdrop-filter: blur(10px)) {
3216
+ .adyen-kyc-form-flow-footer {
3217
+ backdrop-filter: blur(10px);
3218
+ background-color: rgba(var(--adyen-sdk-color-background-primary), 0.7);
3230
3219
  }
3231
3220
  }
3232
- .adyen-kyc-link-inline:active {
3233
- color: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3234
- fill: var(--adyen-sdk-color-link-primary-active, #0f75dc);
3235
- text-decoration: none;
3221
+
3222
+ .adyen-kyc-form-flow-footer-border {
3223
+ border-top: 1px solid var(--adyen-sdk-color-outline-primary, #dadddf);
3224
+ }
3225
+
3226
+ .adyen-kyc-form-flow-actions {
3227
+ display: flex;
3228
+ gap: var(--adyen-sdk-spacer-040, 8px);
3229
+ justify-content: space-between;
3230
+ padding: var(--adyen-sdk-spacer-070, 16px);
3231
+ }
3232
+
3233
+ .adyen-kyc-form-flow-action-group {
3234
+ display: flex;
3235
+ gap: var(--adyen-sdk-spacer-040, 8px);
3236
3236
  }.adyen-kyc-business-financing-lei-radio {
3237
3237
  display: grid;
3238
3238
  grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
@@ -3261,155 +3261,6 @@ fieldset {
3261
3261
  font-size: var(--adyen-sdk-text-body-font-size, 14px);
3262
3262
  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
3263
3263
  }/* for container queries */
3264
- .adyen-kyc-radio-group-card {
3265
- display: flex;
3266
- flex-direction: column;
3267
- gap: var(--adyen-sdk-spacer-040, 8px);
3268
- }
3269
- .adyen-kyc-radio-group-card__label {
3270
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3271
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3272
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
3273
- padding-right: var(--adyen-sdk-spacer-070, 16px);
3274
- margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3275
- }
3276
- @container main (min-width: 680px) and (max-width: 1024px) {
3277
- .adyen-kyc-radio-group-card__label {
3278
- padding-right: var(--adyen-sdk-spacer-000, 0px);
3279
- }
3280
- }
3281
- .adyen-kyc-radio-group-card__subtitle {
3282
- color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3283
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3284
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3285
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3286
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3287
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3288
- }
3289
- .adyen-kyc-radio-group-card input {
3290
- display: flex;
3291
- margin-left: auto;
3292
- }
3293
- .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
3294
- bottom: -30px;
3295
- top: auto;
3296
- }
3297
-
3298
- /* stylelint-disable-next-line selector-no-qualifying-type */
3299
- input.adyen-kyc-radio-group-card__radio--floating {
3300
- bottom: auto;
3301
- left: auto;
3302
- position: absolute;
3303
- right: var(--adyen-sdk-spacer-070, 16px);
3304
- top: var(--adyen-sdk-spacer-070, 16px);
3305
- }.adyen-kyc-radio-card {
3306
- border: var(--adyen-sdk-border-default-s);
3307
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3308
- cursor: pointer;
3309
- display: block;
3310
- list-style: none;
3311
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
3312
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
3313
- position: relative;
3314
- }
3315
- .adyen-kyc-radio-card--disabled {
3316
- cursor: not-allowed;
3317
- opacity: 50%;
3318
- }
3319
- .adyen-kyc-radio-card__loading-icon {
3320
- display: flex;
3321
- align-self: center;
3322
- justify-content: center;
3323
- border-radius: 50%;
3324
- height: 18px;
3325
- width: 18px;
3326
- }
3327
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
3328
- background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3329
- }
3330
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
3331
- border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3332
- }
3333
-
3334
- .adyen-kyc-radio-card__body {
3335
- color: var(--adyen-sdk-color-label-secondary, #5c6874);
3336
- font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3337
- font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3338
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3339
- line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3340
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3341
- }
3342
-
3343
- .adyen-kyc-radio-card__footer {
3344
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3345
- }.adyen-kyc-mismatch {
3346
- animation: adyen-kyc-mismatchShake 300ms;
3347
- border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
3348
- }
3349
-
3350
- @keyframes adyen-kyc-mismatchShake {
3351
- 25% {
3352
- transform: translateX(4px);
3353
- }
3354
- 50% {
3355
- transform: translateX(-4px);
3356
- }
3357
- 75% {
3358
- transform: translateX(4px);
3359
- }
3360
- }.adyen-kyc-input-group {
3361
- height: 40px;
3362
- line-height: 38px;
3363
- min-height: 38px;
3364
- display: flex;
3365
- padding: var(--adyen-sdk-spacer-020, 4px);
3366
- background: var(--adyen-sdk-color-background-primary, #ffffff);
3367
- border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
3368
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
3369
- caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3370
- color: var(--adyen-sdk-color-label-primary, #001222);
3371
- font-family: inherit;
3372
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
3373
- outline: none;
3374
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3375
- }
3376
- .adyen-kyc-input-group:hover {
3377
- border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
3378
- }
3379
- .adyen-kyc-input-group--invalid {
3380
- padding-right: var(--adyen-sdk-spacer-120, 48px);
3381
- border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
3382
- }
3383
- .adyen-kyc-input-group--focused {
3384
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3385
- outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
3386
- }
3387
- .adyen-kyc-input-group--focused:hover {
3388
- border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3389
- }
3390
- .adyen-kyc-input-group .adyen-kyc-input {
3391
- line-height: normal;
3392
- height: unset;
3393
- min-height: unset;
3394
- position: unset;
3395
- border: none;
3396
- border-radius: var(--adyen-sdk-border-radius-s, 4px);
3397
- }
3398
- .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3399
- outline: none;
3400
- border: none;
3401
- }.adyen-kyc-multi-select-list {
3402
- list-style: none;
3403
- margin: var(--adyen-sdk-spacer-000, 0px);
3404
- padding: var(--adyen-sdk-spacer-000, 0px);
3405
- }
3406
-
3407
- .adyen-kyc-multi-select-list-item {
3408
- background: none !important;
3409
- }
3410
- .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
3411
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3412
- }/* for container queries */
3413
3264
  .adyen-kyc-document-guidance {
3414
3265
  overflow: auto;
3415
3266
  container-type: inline-size;
@@ -3549,79 +3400,297 @@ input.adyen-kyc-radio-group-card__radio--floating {
3549
3400
  .adyen-kyc-dropzone-file__button {
3550
3401
  border: 0;
3551
3402
  padding: var(--adyen-sdk-spacer-000, 0px);
3552
- }.adyen-kyc-description-field {
3553
- padding: var(--adyen-sdk-spacer-080, 20px) 0;
3554
- }.adyen-kyc-tile-container {
3555
- width: 100%;
3556
- }
3557
-
3558
- .adyen-kyc-tile {
3559
- border: var(--adyen-sdk-border-default-s);
3403
+ }/* for container queries */
3404
+ .adyen-kyc-radio-group-card {
3560
3405
  display: flex;
3561
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3562
- outline: none;
3563
- padding: var(--adyen-sdk-spacer-070, 16px);
3564
- cursor: pointer;
3565
3406
  flex-direction: column;
3566
- align-items: center;
3567
- text-align: center;
3568
- height: 100%;
3407
+ gap: var(--adyen-sdk-spacer-040, 8px);
3569
3408
  }
3570
- .adyen-kyc-tile-icon {
3571
- background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3572
- width: var(--adyen-sdk-spacer-110, 40px);
3573
- height: var(--adyen-sdk-spacer-110, 40px);
3574
- display: flex;
3575
- border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3576
- justify-content: center;
3577
- align-items: center;
3578
- margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3409
+ .adyen-kyc-radio-group-card__label {
3410
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3411
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3412
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
3413
+ padding-right: var(--adyen-sdk-spacer-070, 16px);
3414
+ margin-bottom: var(--adyen-sdk-spacer-070, 16px);
3579
3415
  }
3580
- .adyen-kyc-tile svg {
3581
- color: var(--adyen-sdk-color-label-primary, #001222);
3582
- max-width: var(--adyen-sdk-spacer-070, 16px);
3583
- max-height: var(--adyen-sdk-spacer-070, 16px);
3416
+ @container main (min-width: 680px) and (max-width: 1024px) {
3417
+ .adyen-kyc-radio-group-card__label {
3418
+ padding-right: var(--adyen-sdk-spacer-000, 0px);
3419
+ }
3584
3420
  }
3585
- .adyen-kyc-tile-title {
3586
- color: var(--adyen-sdk-color-link-primary, #0065c9);
3421
+ .adyen-kyc-radio-group-card__subtitle {
3422
+ color: var(--adyen-sdk-color-label-tertiary, #8c959d);
3423
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3424
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3425
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3426
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3587
3427
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3588
3428
  }
3589
- .adyen-kyc-tile:hover {
3590
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3429
+ .adyen-kyc-radio-group-card input {
3430
+ display: flex;
3431
+ margin-left: auto;
3591
3432
  }
3592
- .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3593
- background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3433
+ .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
3434
+ bottom: -30px;
3435
+ top: auto;
3594
3436
  }
3595
- .adyen-kyc-tile-checkbox {
3596
- border: 0;
3597
- clip: rect(0 0 0 0);
3598
- height: 1px;
3599
- margin: -1px;
3600
- overflow: hidden;
3601
- padding: 0;
3437
+
3438
+ /* stylelint-disable-next-line selector-no-qualifying-type */
3439
+ input.adyen-kyc-radio-group-card__radio--floating {
3440
+ bottom: auto;
3441
+ left: auto;
3602
3442
  position: absolute;
3603
- width: 1px;
3604
- white-space: nowrap;
3443
+ right: var(--adyen-sdk-spacer-070, 16px);
3444
+ top: var(--adyen-sdk-spacer-070, 16px);
3445
+ }.adyen-kyc-radio-card {
3446
+ border: var(--adyen-sdk-border-default-s);
3447
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3448
+ cursor: pointer;
3449
+ display: block;
3450
+ list-style: none;
3451
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
3452
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
3453
+ position: relative;
3605
3454
  }
3606
-
3607
- .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
3455
+ .adyen-kyc-radio-card--disabled {
3608
3456
  cursor: not-allowed;
3609
- opacity: 0.3;
3457
+ opacity: 50%;
3610
3458
  }
3611
-
3612
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3613
- box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3614
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3459
+ .adyen-kyc-radio-card__loading-icon {
3460
+ display: flex;
3461
+ align-self: center;
3462
+ justify-content: center;
3463
+ border-radius: 50%;
3464
+ height: 18px;
3465
+ width: 18px;
3615
3466
  }
3616
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3617
- background: var(--adyen-sdk-color-label-primary, #001222);
3467
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
3468
+ background: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3618
3469
  }
3619
- .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3620
- color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3470
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
3471
+ border-top-color: var(--adyen-sdk-color-outline-inverse-primary, #2f3e4d);
3621
3472
  }
3622
3473
 
3623
- .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3624
- 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));
3474
+ .adyen-kyc-radio-card__body {
3475
+ color: var(--adyen-sdk-color-label-secondary, #5c6874);
3476
+ font-size: var(--adyen-sdk-text-caption-font-size, 12px);
3477
+ font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
3478
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
3479
+ line-height: var(--adyen-sdk-text-caption-line-height, 18px);
3480
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3481
+ }
3482
+
3483
+ .adyen-kyc-radio-card__footer {
3484
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
3485
+ }.adyen-kyc-mismatch {
3486
+ animation: adyen-kyc-mismatchShake 300ms;
3487
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801) !important;
3488
+ }
3489
+
3490
+ @keyframes adyen-kyc-mismatchShake {
3491
+ 25% {
3492
+ transform: translateX(4px);
3493
+ }
3494
+ 50% {
3495
+ transform: translateX(-4px);
3496
+ }
3497
+ 75% {
3498
+ transform: translateX(4px);
3499
+ }
3500
+ }.adyen-kyc-description-field {
3501
+ padding: var(--adyen-sdk-spacer-080, 20px) 0;
3502
+ }.adyen-kyc-document-upload__subtitle {
3503
+ 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);
3504
+ }
3505
+ .adyen-kyc-document-upload__manual-upload {
3506
+ margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
3507
+ max-width: 430px;
3508
+ text-align: center;
3509
+ }.adyen-kyc-id-verification {
3510
+ /* stylelint-disable */
3511
+ }
3512
+ .adyen-kyc-id-verification #onfido-sdk {
3513
+ position: relative;
3514
+ width: 100%;
3515
+ height: 100%;
3516
+ min-height: 100dvh;
3517
+ box-sizing: border-box;
3518
+ }
3519
+ @media only screen and (width >= 933px) {
3520
+ .adyen-kyc-id-verification #onfido-sdk {
3521
+ min-height: 600px;
3522
+ }
3523
+ }
3524
+ @media only screen and (width >= 768px) {
3525
+ .adyen-kyc-id-verification #onfido-sdk {
3526
+ max-width: 600px;
3527
+ max-height: 800px;
3528
+ overflow: hidden;
3529
+ border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3530
+ border-width: var(--osdk-border-width-surface-modal, 1px);
3531
+ border-style: var(--osdk-border-style-surface-modal, solid);
3532
+ border-radius: var(--osdk-border-radius-surface-modal, 8px);
3533
+ }
3534
+ }
3535
+ .adyen-kyc-id-verification #onfido-sdk.light {
3536
+ background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3537
+ }
3538
+ .adyen-kyc-id-verification #onfido-sdk.dark {
3539
+ background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3540
+ border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3541
+ }
3542
+ @supports (-webkit-touch-callout: none) {
3543
+ .adyen-kyc-id-verification #onfido-sdk {
3544
+ min-height: -webkit-fill-available;
3545
+ }
3546
+ }
3547
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3548
+ display: flex;
3549
+ align-items: center;
3550
+ justify-content: center;
3551
+ cursor: progress;
3552
+ position: absolute;
3553
+ inset: 0;
3554
+ }
3555
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3556
+ stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3557
+ }
3558
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3559
+ stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3560
+ stroke-opacity: 1;
3561
+ }
3562
+ .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3563
+ display: none;
3564
+ }
3565
+ .adyen-kyc-id-verification {
3566
+ /* stylelint-enable */
3567
+ }.adyen-kyc-input-group {
3568
+ height: 40px;
3569
+ line-height: 38px;
3570
+ min-height: 38px;
3571
+ display: flex;
3572
+ padding: var(--adyen-sdk-spacer-020, 4px);
3573
+ background: var(--adyen-sdk-color-background-primary, #ffffff);
3574
+ border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary, #8c959d);
3575
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
3576
+ caret-color: var(--adyen-sdk-color-label-highlight, #0f75dc);
3577
+ color: var(--adyen-sdk-color-label-primary, #001222);
3578
+ font-family: inherit;
3579
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3580
+ outline: none;
3581
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3582
+ }
3583
+ .adyen-kyc-input-group:hover {
3584
+ border-color: var(--adyen-sdk-color-outline-tertiary-hover, #6c7782);
3585
+ }
3586
+ .adyen-kyc-input-group--invalid {
3587
+ padding-right: var(--adyen-sdk-spacer-120, 48px);
3588
+ border-color: var(--adyen-sdk-color-outline-critical, #dc3801);
3589
+ }
3590
+ .adyen-kyc-input-group--focused {
3591
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3592
+ outline: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-tertiary-active, #001222);
3593
+ }
3594
+ .adyen-kyc-input-group--focused:hover {
3595
+ border-color: var(--adyen-sdk-color-outline-tertiary-active, #001222);
3596
+ }
3597
+ .adyen-kyc-input-group .adyen-kyc-input {
3598
+ line-height: normal;
3599
+ height: unset;
3600
+ min-height: unset;
3601
+ position: unset;
3602
+ border: none;
3603
+ border-radius: var(--adyen-sdk-border-radius-s, 4px);
3604
+ }
3605
+ .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3606
+ outline: none;
3607
+ border: none;
3608
+ }.adyen-kyc-multi-select-list {
3609
+ list-style: none;
3610
+ margin: var(--adyen-sdk-spacer-000, 0px);
3611
+ padding: var(--adyen-sdk-spacer-000, 0px);
3612
+ }
3613
+
3614
+ .adyen-kyc-multi-select-list-item {
3615
+ background: none !important;
3616
+ }
3617
+ .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
3618
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
3619
+ }.adyen-kyc-field--nominee .adyen-kyc-radio-group {
3620
+ display: grid;
3621
+ grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3622
+ column-gap: var(--adyen-sdk-spacer-100, 32px);
3623
+ }.adyen-kyc-tile-container {
3624
+ width: 100%;
3625
+ }
3626
+
3627
+ .adyen-kyc-tile {
3628
+ border: var(--adyen-sdk-border-default-s);
3629
+ display: flex;
3630
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3631
+ outline: none;
3632
+ padding: var(--adyen-sdk-spacer-070, 16px);
3633
+ cursor: pointer;
3634
+ flex-direction: column;
3635
+ align-items: center;
3636
+ text-align: center;
3637
+ height: 100%;
3638
+ }
3639
+ .adyen-kyc-tile-icon {
3640
+ background: var(--adyen-sdk-color-background-tertiary, #ecedef);
3641
+ width: var(--adyen-sdk-spacer-110, 40px);
3642
+ height: var(--adyen-sdk-spacer-110, 40px);
3643
+ display: flex;
3644
+ border-radius: var(--adyen-sdk-border-radius-xl, 24px);
3645
+ justify-content: center;
3646
+ align-items: center;
3647
+ margin-bottom: var(--adyen-sdk-spacer-050, 10px);
3648
+ }
3649
+ .adyen-kyc-tile svg {
3650
+ color: var(--adyen-sdk-color-label-primary, #001222);
3651
+ max-width: var(--adyen-sdk-spacer-070, 16px);
3652
+ max-height: var(--adyen-sdk-spacer-070, 16px);
3653
+ }
3654
+ .adyen-kyc-tile-title {
3655
+ color: var(--adyen-sdk-color-link-primary, #0065c9);
3656
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
3657
+ }
3658
+ .adyen-kyc-tile:hover {
3659
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3660
+ }
3661
+ .adyen-kyc-tile:hover .adyen-kyc-tile-icon {
3662
+ background: var(--adyen-sdk-color-background-tertiary-hover, #e2e5e7);
3663
+ }
3664
+ .adyen-kyc-tile-checkbox {
3665
+ border: 0;
3666
+ clip: rect(0 0 0 0);
3667
+ height: 1px;
3668
+ margin: -1px;
3669
+ overflow: hidden;
3670
+ padding: 0;
3671
+ position: absolute;
3672
+ width: 1px;
3673
+ white-space: nowrap;
3674
+ }
3675
+
3676
+ .adyen-kyc-tile-checkbox:disabled ~ .adyen-kyc-tile {
3677
+ cursor: not-allowed;
3678
+ opacity: 0.3;
3679
+ }
3680
+
3681
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile {
3682
+ box-shadow: 0 0 0 1px var(--adyen-sdk-color-outline-primary-active, #001222) inset;
3683
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3684
+ }
3685
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile .adyen-kyc-tile-icon {
3686
+ background: var(--adyen-sdk-color-label-primary, #001222);
3687
+ }
3688
+ .adyen-kyc-tile-checkbox:checked ~ .adyen-kyc-tile svg {
3689
+ color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3690
+ }
3691
+
3692
+ .adyen-kyc-tile-checkbox:focus-visible ~ .adyen-kyc-tile {
3693
+ 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));
3625
3694
  transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3626
3695
  transition-property: box-shadow;
3627
3696
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -3713,75 +3782,87 @@ input.adyen-kyc-radio-group-card__radio--floating {
3713
3782
  text-align: center;
3714
3783
  width: 100%;
3715
3784
  }
3716
- .adyen-kyc-document-upload__subtitle {
3717
- 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);
3718
- }
3719
- .adyen-kyc-document-upload__manual-upload {
3720
- margin: var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
3721
- max-width: 430px;
3722
- text-align: center;
3723
- }.adyen-kyc-id-verification {
3724
- /* stylelint-disable */
3725
- }
3726
- .adyen-kyc-id-verification #onfido-sdk {
3727
- position: relative;
3728
- width: 100%;
3729
- height: 100%;
3730
- min-height: 100dvh;
3731
- box-sizing: border-box;
3785
+ .adyen-kyc-conflict-row-table td {
3786
+ padding: var(--adyen-sdk-spacer-060, 12px);
3787
+ height: var(--adyen-sdk-spacer-050, 10px);
3788
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3732
3789
  }
3733
- @media only screen and (width >= 933px) {
3734
- .adyen-kyc-id-verification #onfido-sdk {
3735
- min-height: 600px;
3736
- }
3790
+ .adyen-kyc-conflict-row-table td:first-child {
3791
+ padding-right: var(--adyen-sdk-spacer-100, 32px);
3792
+ text-wrap: nowrap;
3737
3793
  }
3738
- @media only screen and (width >= 768px) {
3739
- .adyen-kyc-id-verification #onfido-sdk {
3740
- max-width: 600px;
3741
- max-height: 800px;
3742
- overflow: hidden;
3743
- border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3744
- border-width: var(--osdk-border-width-surface-modal, 1px);
3745
- border-style: var(--osdk-border-style-surface-modal, solid);
3746
- border-radius: var(--osdk-border-radius-surface-modal, 8px);
3747
- }
3794
+
3795
+ .adyen-kyc-conflict-row-list {
3796
+ display: flex;
3797
+ flex-direction: row;
3798
+ border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3799
+ padding: var(--adyen-sdk-spacer-060, 12px);
3748
3800
  }
3749
- .adyen-kyc-id-verification #onfido-sdk.light {
3750
- background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3801
+ .adyen-kyc-conflict-row-list dt {
3802
+ min-width: var(--adyen-sdk-spacer-140, 64px);
3751
3803
  }
3752
- .adyen-kyc-id-verification #onfido-sdk.dark {
3753
- background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3754
- border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3804
+ .adyen-kyc-conflict-row-list dd {
3805
+ display: flex;
3806
+ flex-direction: column;
3807
+ gap: var(--adyen-sdk-spacer-060, 12px);
3755
3808
  }
3756
- @supports (-webkit-touch-callout: none) {
3757
- .adyen-kyc-id-verification #onfido-sdk {
3758
- min-height: -webkit-fill-available;
3759
- }
3809
+
3810
+ .adyen-kyc-conflict-row-list-option-label {
3811
+ padding-left: var(--adyen-sdk-spacer-090, 24px);
3812
+ }/* for container queries */
3813
+ .adyen-kyc-data-conflicts-wrapper {
3814
+ display: flex;
3815
+ flex-direction: column;
3816
+ gap: var(--adyen-sdk-spacer-100, 32px);
3760
3817
  }
3761
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3818
+
3819
+ .adyen-kyc-data-conflicts-header {
3762
3820
  display: flex;
3821
+ gap: var(--adyen-sdk-spacer-040, 8px);
3822
+ flex-direction: column;
3763
3823
  align-items: center;
3764
- justify-content: center;
3765
- cursor: progress;
3766
- position: absolute;
3767
- inset: 0;
3824
+ text-align: center;
3768
3825
  }
3769
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3770
- stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3826
+
3827
+ .adyen-kyc-data-conflicts-table {
3828
+ display: none;
3829
+ border-collapse: collapse;
3771
3830
  }
3772
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3773
- stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3774
- stroke-opacity: 1;
3831
+ .adyen-kyc-data-conflicts-table th {
3832
+ padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
3833
+ text-align: left;
3775
3834
  }
3776
- .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3777
- display: none;
3835
+ @media (min-width: 480px) {
3836
+ .adyen-kyc-data-conflicts-table {
3837
+ display: table;
3838
+ }
3778
3839
  }
3779
- .adyen-kyc-id-verification {
3780
- /* stylelint-enable */
3781
- }.adyen-kyc-field--nominee .adyen-kyc-radio-group {
3782
- display: grid;
3783
- grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3784
- column-gap: var(--adyen-sdk-spacer-100, 32px);
3840
+
3841
+ .adyen-kyc-data-conflicts-list {
3842
+ display: flex;
3843
+ flex-direction: column;
3844
+ }
3845
+ @media (min-width: 480px) {
3846
+ .adyen-kyc-data-conflicts-list {
3847
+ display: none;
3848
+ }
3849
+ }/* for container queries */
3850
+ .adyen-kyc-verification-header-image svg {
3851
+ max-width: 180px;
3852
+ }/* for container queries */
3853
+ .adyen-kyc-uploaded-document {
3854
+ color: var(--adyen-sdk-color-label-primary, #001222);
3855
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
3856
+ display: flex;
3857
+ gap: var(--adyen-sdk-spacer-040, 8px);
3858
+ justify-content: space-between;
3859
+ border: var(--adyen-sdk-border-default-s);
3860
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3861
+ padding: var(--adyen-sdk-spacer-070, 16px);
3862
+ width: 100%;
3863
+ vertical-align: middle;
3864
+ margin-top: var(--adyen-sdk-spacer-040, 8px);
3865
+ text-align: left;
3785
3866
  }.adyen-kyc-idnow-header {
3786
3867
  width: 100%;
3787
3868
  padding: var(--adyen-sdk-spacer-130) var(--adyen-sdk-spacer-080);
@@ -3801,119 +3882,167 @@ input.adyen-kyc-radio-group-card__radio--floating {
3801
3882
 
3802
3883
  .adyen-kyc-idnow-verification-header-image svg {
3803
3884
  max-width: 180px;
3804
- }.adyen-kyc-conflict-row-table td {
3805
- padding: var(--adyen-sdk-spacer-060, 12px);
3806
- height: var(--adyen-sdk-spacer-050, 10px);
3807
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3885
+ }/* for container queries */
3886
+ .adyen-kyc-form-container {
3887
+ width: 100%;
3808
3888
  }
3809
- .adyen-kyc-conflict-row-table td:first-child {
3810
- padding-right: var(--adyen-sdk-spacer-100, 32px);
3811
- text-wrap: nowrap;
3889
+ @container main (min-width: 680px) and (max-width: 1024px) {
3890
+ .adyen-kyc-form-container {
3891
+ flex: 1;
3892
+ }
3812
3893
  }
3813
3894
 
3814
- .adyen-kyc-conflict-row-list {
3815
- display: flex;
3816
- flex-direction: row;
3817
- border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-separator-primary, #dadddf);
3818
- padding: var(--adyen-sdk-spacer-060, 12px);
3895
+ .adyen-kyc-form-wrapper--hidden {
3896
+ display: none;
3819
3897
  }
3820
- .adyen-kyc-conflict-row-list dt {
3821
- min-width: var(--adyen-sdk-spacer-140, 64px);
3898
+
3899
+ .adyen-kyc-dropin__sidebar-wrapper {
3900
+ width: 27%;
3822
3901
  }
3823
- .adyen-kyc-conflict-row-list dd {
3902
+
3903
+ .adyen-kyc-form-with-sidebar {
3824
3904
  display: flex;
3825
- flex-direction: column;
3826
- gap: var(--adyen-sdk-spacer-060, 12px);
3905
+ width: 100%;
3827
3906
  }
3828
3907
 
3829
- .adyen-kyc-conflict-row-list-option-label {
3830
- padding-left: var(--adyen-sdk-spacer-090, 24px);
3831
- }/* for container queries */
3832
- .adyen-kyc-data-conflicts-wrapper {
3833
- display: flex;
3834
- flex-direction: column;
3835
- gap: var(--adyen-sdk-spacer-100, 32px);
3908
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3909
+ flex: 1;
3836
3910
  }
3837
3911
 
3838
- .adyen-kyc-data-conflicts-header {
3839
- display: flex;
3840
- gap: var(--adyen-sdk-spacer-040, 8px);
3841
- flex-direction: column;
3842
- align-items: center;
3843
- text-align: center;
3912
+ @container main (max-width: 680px) {
3913
+ .adyen-kyc-dropin__content-main,
3914
+ .adyen-kyc-form-with-sidebar {
3915
+ flex-direction: column;
3916
+ }
3917
+ }.adyen-kyc-tag {
3918
+ display: inline-block;
3919
+ font-size: var(--adyen-sdk-text-caption-font-size);
3920
+ font-family: var(--adyen-sdk-text-caption-font-family);
3921
+ font-weight: var(--adyen-sdk-text-caption-stronger-font-weight);
3922
+ line-height: var(--adyen-sdk-text-caption-line-height);
3923
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-040);
3924
+ border-radius: var(--adyen-sdk-border-radius-s);
3925
+ text-decoration: none;
3926
+ vertical-align: baseline;
3927
+ white-space: nowrap;
3928
+ border: none;
3929
+ }
3930
+
3931
+ .adyen-kyc-tag-grey {
3932
+ background: var(--adyen-sdk-color-background-secondary);
3933
+ color: var(--adyen-sdk-color-label-secondary);
3934
+ }
3935
+
3936
+ .adyen-kyc-tag-blue {
3937
+ background: var(--adyen-sdk-color-background-highlight-weak);
3938
+ color: var(--adyen-sdk-color-label-on-background-highlight-weak);
3939
+ }
3940
+
3941
+ .adyen-kyc-tag-orange {
3942
+ background: var(--adyen-sdk-color-background-warning-weak);
3943
+ color: var(--adyen-sdk-color-label-on-background-warning-weak);
3944
+ }
3945
+
3946
+ .adyen-kyc-tag-red {
3947
+ background: var(--adyen-sdk-color-background-critical-weak);
3948
+ color: var(--adyen-sdk-color-label-on-background-critical-weak);
3949
+ }
3950
+
3951
+ .adyen-kyc-tag-teal {
3952
+ background-color: var(--adyen-sdk-color-background-success-weak);
3953
+ /** Bento does not have a fifth tag color */
3954
+ color: #065e79;
3955
+ }
3956
+
3957
+ .adyen-kyc-tag-green {
3958
+ background-color: var(--adyen-sdk-color-background-success-weak);
3959
+ color: var(--adyen-sdk-color-label-on-background-success-weak);
3960
+ }
3961
+ .adyen-kyc-card {
3962
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
3963
+ border: var(--adyen-sdk-border-default-s);
3964
+ border-radius: var(--adyen-sdk-border-radius-l, 12px);
3965
+ display: block;
3966
+ outline: none;
3967
+ }
3968
+ .adyen-kyc-card--secondary {
3969
+ background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
3970
+ }
3971
+ .adyen-kyc-card--borderless {
3972
+ border: none;
3973
+ }
3974
+
3975
+ .adyen-kyc-card.adyen-kyc-card--stateful {
3976
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
3977
+ cursor: pointer;
3978
+ transition-duration: 0.2s;
3979
+ transition-property: border-color, box-shadow;
3980
+ transition-timing-function: ease;
3981
+ position: relative;
3982
+ }
3983
+ .adyen-kyc-card.adyen-kyc-card--stateful:hover {
3984
+ border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
3985
+ z-index: 1;
3986
+ }
3987
+ .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
3988
+ z-index: 2;
3989
+ 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));
3990
+ }
3991
+ .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
3992
+ 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));
3993
+ transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
3994
+ transition-property: box-shadow;
3995
+ }
3996
+
3997
+ .adyen-kyc-card.adyen-kyc-card--active {
3998
+ border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
3999
+ cursor: pointer;
4000
+ transition-duration: 0.2s;
4001
+ transition-property: border-color, box-shadow;
4002
+ transition-timing-function: ease;
3844
4003
  }
3845
-
3846
- .adyen-kyc-data-conflicts-table {
3847
- display: none;
3848
- border-collapse: collapse;
4004
+ .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
4005
+ border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
3849
4006
  }
3850
- .adyen-kyc-data-conflicts-table th {
3851
- padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-060, 12px) 36px;
3852
- text-align: left;
4007
+ .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
4008
+ 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));
3853
4009
  }
3854
- @media (min-width: 480px) {
3855
- .adyen-kyc-data-conflicts-table {
3856
- display: table;
3857
- }
4010
+
4011
+ .adyen-kyc-card.adyen-kyc-card--disabled {
4012
+ background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
4013
+ color: var(--adyen-sdk-color-label-disabled, #8c959d);
4014
+ cursor: not-allowed;
3858
4015
  }
3859
4016
 
3860
- .adyen-kyc-data-conflicts-list {
3861
- display: flex;
3862
- flex-direction: column;
4017
+ .adyen-kyc-card__header {
4018
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
3863
4019
  }
3864
- @media (min-width: 480px) {
3865
- .adyen-kyc-data-conflicts-list {
3866
- display: none;
3867
- }
3868
- }/* for container queries */
3869
- .adyen-kyc-verification-header-image svg {
3870
- max-width: 180px;
3871
- }/* for container queries */
3872
- .adyen-kyc-uploaded-document {
3873
- color: var(--adyen-sdk-color-label-primary, #001222);
3874
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4020
+ .adyen-kyc-card__header--button {
3875
4021
  display: flex;
3876
- gap: var(--adyen-sdk-spacer-040, 8px);
3877
4022
  justify-content: space-between;
3878
- border: var(--adyen-sdk-border-default-s);
3879
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
3880
- padding: var(--adyen-sdk-spacer-070, 16px);
3881
- width: 100%;
3882
- vertical-align: middle;
3883
- margin-top: var(--adyen-sdk-spacer-040, 8px);
3884
- text-align: left;
3885
- }/* for container queries */
3886
- .adyen-kyc-form-container {
3887
- width: 100%;
4023
+ align-items: center;
3888
4024
  }
3889
- @container main (min-width: 680px) and (max-width: 1024px) {
3890
- .adyen-kyc-form-container {
3891
- flex: 1;
3892
- }
4025
+ .adyen-kyc-card__header .adyen-kyc-card-title {
4026
+ display: flex;
4027
+ flex-direction: column;
3893
4028
  }
3894
4029
 
3895
- .adyen-kyc-form-wrapper--hidden {
3896
- display: none;
4030
+ .adyen-kyc-card__body {
4031
+ padding: var(--adyen-sdk-spacer-070, 16px);
3897
4032
  }
3898
-
3899
- .adyen-kyc-dropin__sidebar-wrapper {
3900
- width: 27%;
4033
+ .adyen-kyc-card__header + .adyen-kyc-card__body {
4034
+ padding-top: var(--adyen-sdk-spacer-000, 0px);
3901
4035
  }
3902
4036
 
3903
- .adyen-kyc-form-with-sidebar {
3904
- display: flex;
3905
- width: 100%;
4037
+ .adyen-kyc-card__footer {
4038
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
3906
4039
  }
3907
-
3908
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3909
- flex: 1;
4040
+ .adyen-kyc-card__body + .adyen-kyc-card__footer {
4041
+ margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
3910
4042
  }
3911
4043
 
3912
- @container main (max-width: 680px) {
3913
- .adyen-kyc-dropin__content-main,
3914
- .adyen-kyc-form-with-sidebar {
3915
- flex-direction: column;
3916
- }
4044
+ .adyen-kyc-card__warning {
4045
+ border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
3917
4046
  }.adyen-kyc-bank-document {
3918
4047
  min-height: 480px;
3919
4048
  }
@@ -4010,56 +4139,56 @@ input.adyen-kyc-radio-group-card__radio--floating {
4010
4139
  flex-direction: column;
4011
4140
  }
4012
4141
  }
4013
- .adyen-kyc-field-verification-methods__card {
4142
+ .adyen-kyc-field-verification-methods-card {
4014
4143
  display: flex;
4015
4144
  }
4016
4145
  @container main (min-width: 680px) and (max-width: 1024px) {
4017
- .adyen-kyc-field-verification-methods__card {
4146
+ .adyen-kyc-field-verification-methods-card {
4018
4147
  display: block;
4019
4148
  }
4020
4149
  }
4021
4150
  .adyen-kyc-field-verification-methods .adyen-kyc-radio-card {
4022
4151
  flex: 1;
4023
4152
  }
4024
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__icon {
4153
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-icon {
4025
4154
  display: none;
4026
4155
  }
4027
4156
  @container main (min-width: 680px) and (max-width: 1024px) {
4028
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__icon {
4157
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-icon {
4029
4158
  display: block;
4030
4159
  margin-right: var(--adyen-sdk-spacer-000, 0px);
4031
4160
  width: auto;
4032
4161
  }
4033
4162
  }
4034
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__content {
4163
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-content {
4035
4164
  width: 100%;
4036
4165
  }
4037
4166
  @container main (min-width: 680px) and (max-width: 1024px) {
4038
- .adyen-kyc-field-verification-methods .adyen-kyc-radio-card__content {
4167
+ .adyen-kyc-field-verification-methods .adyen-kyc-radio-card-content {
4039
4168
  width: auto;
4040
4169
  }
4041
4170
  }
4042
- .adyen-kyc-field-verification-methods__footer {
4171
+ .adyen-kyc-field-verification-methods-footer {
4043
4172
  align-items: center;
4044
4173
  color: var(--adyen-sdk-color-label-tertiary, #8c959d);
4045
4174
  display: flex;
4046
4175
  gap: var(--adyen-sdk-spacer-020, 4px);
4047
4176
  justify-content: end;
4048
4177
  }
4049
- .adyen-kyc-field-verification-methods__logo {
4178
+ .adyen-kyc-field-verification-methods-logo {
4050
4179
  height: 12px;
4051
4180
  max-width: 75px;
4052
4181
  }
4053
4182
 
4054
- .adyen-kyc-radio-group-card__illustration {
4183
+ .adyen-kyc-radio-group-card-illustration {
4055
4184
  display: flex;
4056
4185
  justify-content: center;
4057
4186
  }
4058
- .adyen-kyc-radio-group-card__illustration svg {
4187
+ .adyen-kyc-radio-group-card-illustration svg {
4059
4188
  height: 75px;
4060
4189
  }
4061
4190
  @container main (min-width: 680px) and (max-width: 1024px) {
4062
- .adyen-kyc-radio-group-card__illustration svg {
4191
+ .adyen-kyc-radio-group-card-illustration svg {
4063
4192
  height: 125px;
4064
4193
  }
4065
4194
  }
@@ -4068,23 +4197,47 @@ input.adyen-kyc-radio-group-card__radio--floating {
4068
4197
  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
4069
4198
  }
4070
4199
 
4071
- .adyen-kyc-payout-verification-method__header {
4200
+ .adyen-kyc-payout-verification-method-header {
4072
4201
  text-align: center;
4073
4202
  }
4074
- .adyen-kyc-payout-verification-method__image {
4203
+ .adyen-kyc-payout-verification-method-image {
4075
4204
  margin-top: var(--adyen-sdk-spacer-090, 24px);
4076
4205
  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
4077
4206
  }
4078
- .adyen-kyc-payout-verification-method__image svg {
4207
+ .adyen-kyc-payout-verification-method-image svg {
4079
4208
  height: 125px;
4080
4209
  }
4081
4210
  @container main (min-width: 680px) and (max-width: 1024px) {
4082
- .adyen-kyc-payout-verification-method__image svg {
4211
+ .adyen-kyc-payout-verification-method-image svg {
4083
4212
  height: 150px;
4084
4213
  }
4085
4214
  }
4086
- .adyen-kyc-payout-verification-method__description {
4215
+ .adyen-kyc-payout-verification-method-description {
4087
4216
  margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-120, 48px);
4217
+ }
4218
+ .adyen-kyc-payout-verification-method-card {
4219
+ overflow: hidden;
4220
+ }
4221
+ .adyen-kyc-payout-verification-method-card:hover {
4222
+ cursor: pointer;
4223
+ }
4224
+ .adyen-kyc-payout-verification-method-card:hover .adyen-kyc-payout-verification-method-card-image {
4225
+ transform: scale(1.2);
4226
+ }
4227
+ .adyen-kyc-payout-verification-method-card-body {
4228
+ padding: 0;
4229
+ display: flex;
4230
+ flex-direction: row;
4231
+ }
4232
+ .adyen-kyc-payout-verification-method-card-image-container {
4233
+ width: 150px;
4234
+ height: 150px;
4235
+ overflow: hidden;
4236
+ }
4237
+ .adyen-kyc-payout-verification-method-card-image {
4238
+ height: 100%;
4239
+ width: 100%;
4240
+ transition: transform 0.3s ease;
4088
4241
  }.adyen-kyc-avatar {
4089
4242
  align-items: center;
4090
4243
  display: flex;
@@ -4132,205 +4285,76 @@ input.adyen-kyc-radio-group-card__radio--floating {
4132
4285
  }
4133
4286
 
4134
4287
  .adyen-kyc-avatar-disabled {
4135
- background-color: var(--adyen-sdk-color-background-disabled);
4136
- border: 1px solid var(--adyen-sdk-color-outline-primary);
4137
- color: var(--adyen-sdk-color-label-disabled);
4138
- }
4139
-
4140
- .adyen-kyc-avatar-shape-square {
4141
- border-radius: var(--adyen-sdk-border-radius-l);
4142
- }
4143
-
4144
- .adyen-kyc-avatar-shape-circle {
4145
- border-radius: 44px;
4146
- }
4147
- .adyen-kyc-tag {
4148
- display: inline-block;
4149
- font-size: var(--adyen-sdk-text-caption-font-size);
4150
- font-family: var(--adyen-sdk-text-caption-font-family);
4151
- font-weight: var(--adyen-sdk-text-caption-stronger-font-weight);
4152
- line-height: var(--adyen-sdk-text-caption-line-height);
4153
- padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-040);
4154
- border-radius: var(--adyen-sdk-border-radius-s);
4155
- text-decoration: none;
4156
- vertical-align: baseline;
4157
- white-space: nowrap;
4158
- border: none;
4159
- }
4160
-
4161
- .adyen-kyc-tag-grey {
4162
- background: var(--adyen-sdk-color-background-secondary);
4163
- color: var(--adyen-sdk-color-label-secondary);
4164
- }
4165
-
4166
- .adyen-kyc-tag-blue {
4167
- background: var(--adyen-sdk-color-background-highlight-weak);
4168
- color: var(--adyen-sdk-color-label-on-background-highlight-weak);
4169
- }
4170
-
4171
- .adyen-kyc-tag-orange {
4172
- background: var(--adyen-sdk-color-background-warning-weak);
4173
- color: var(--adyen-sdk-color-label-on-background-warning-weak);
4174
- }
4175
-
4176
- .adyen-kyc-tag-red {
4177
- background: var(--adyen-sdk-color-background-critical-weak);
4178
- color: var(--adyen-sdk-color-label-on-background-critical-weak);
4179
- }
4180
-
4181
- .adyen-kyc-tag-teal {
4182
- background-color: var(--adyen-sdk-color-background-success-weak);
4183
- /** Bento does not have a fifth tag color */
4184
- color: #065e79;
4185
- }
4186
-
4187
- .adyen-kyc-tag-green {
4188
- background-color: var(--adyen-sdk-color-background-success-weak);
4189
- color: var(--adyen-sdk-color-label-on-background-success-weak);
4190
- }
4191
- .adyen-kyc-embedded-status {
4192
- display: flex;
4193
- justify-content: space-between;
4194
- align-items: center;
4195
- gap: var(--adyen-sdk-spacer-070);
4196
- background-color: var(--adyen-sdk-color-background-primary);
4197
- width: 100%;
4198
- min-width: 250px;
4199
- max-width: 650px;
4200
- cursor: pointer;
4201
- /* html button default styling removal */
4202
- border: none;
4203
- border-radius: var(--adyen-sdk-border-radius-m);
4204
- text-align: left;
4205
- padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4206
- }
4207
- .adyen-kyc-embedded-status-loading {
4208
- cursor: default;
4209
- }
4210
- .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4211
- background-color: var(--adyen-sdk-color-background-primary);
4212
- border: none;
4213
- }
4214
-
4215
- .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4216
- background-color: var(--adyen-sdk-color-background-secondary);
4217
- transition: background-color 0.2s;
4218
- }
4219
- .adyen-kyc-embedded-status-action-indicator {
4220
- background-color: var(--adyen-sdk-color-background-secondary);
4221
- color: var(--adyen-sdk-color-label-secondary);
4222
- }
4223
-
4224
- .adyen-kyc-embedded-status-avatar {
4225
- display: flex;
4226
- justify-content: center;
4227
- align-items: center;
4228
- width: 40px;
4229
- height: 40px;
4230
- border-radius: var(--adyen-sdk-border-radius-m);
4231
- color: var(--adyen-sdk-color-label-inverse-primary);
4232
- background-color: var(--adyen-sdk-color-background-inverse-primary);
4233
- }
4234
-
4235
- .adyen-kyc-embedded-status-action-indicator {
4236
- border: var(--adyen-sdk-border-default-s);
4237
- border-radius: var(--adyen-sdk-border-radius-m);
4238
- background-color: var(--adyen-sdk-color-background-primary);
4239
- padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4240
- }
4241
-
4242
- .adyen-kyc-embedded-status-info {
4243
- display: flex;
4244
- flex-direction: column;
4245
- flex: 1;
4246
- overflow-x: auto;
4247
- }
4248
- .adyen-kyc-card {
4249
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4250
- border: var(--adyen-sdk-border-default-s);
4251
- border-radius: var(--adyen-sdk-border-radius-l, 12px);
4252
- display: block;
4253
- outline: none;
4254
- }
4255
- .adyen-kyc-card--secondary {
4256
- background-color: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4257
- }
4258
- .adyen-kyc-card--borderless {
4259
- border: none;
4260
- }
4261
-
4262
- .adyen-kyc-card.adyen-kyc-card--stateful {
4263
- border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
4264
- cursor: pointer;
4265
- transition-duration: 0.2s;
4266
- transition-property: border-color, box-shadow;
4267
- transition-timing-function: ease;
4268
- position: relative;
4269
- }
4270
- .adyen-kyc-card.adyen-kyc-card--stateful:hover {
4271
- border-color: var(--adyen-sdk-color-outline-primary-hover, #c8ccd0);
4272
- z-index: 1;
4273
- }
4274
- .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
4275
- z-index: 2;
4276
- 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));
4277
- }
4278
- .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
4279
- 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));
4280
- transition: var(--adyen-sdk-animation-duration-fast, 100ms) var(--adyen-sdk-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4281
- transition-property: box-shadow;
4282
- }
4283
-
4284
- .adyen-kyc-card.adyen-kyc-card--active {
4285
- border-color: var(--adyen-sdk-color-outline-primary, #dadddf);
4286
- cursor: pointer;
4287
- transition-duration: 0.2s;
4288
- transition-property: border-color, box-shadow;
4289
- transition-timing-function: ease;
4290
- }
4291
- .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
4292
- border-color: var(--adyen-sdk-color-outline-primary-active, #001222);
4293
- }
4294
- .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
4295
- 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));
4288
+ background-color: var(--adyen-sdk-color-background-disabled);
4289
+ border: 1px solid var(--adyen-sdk-color-outline-primary);
4290
+ color: var(--adyen-sdk-color-label-disabled);
4296
4291
  }
4297
4292
 
4298
- .adyen-kyc-card.adyen-kyc-card--disabled {
4299
- background-color: var(--adyen-sdk-color-background-disabled, #ecedef);
4300
- color: var(--adyen-sdk-color-label-disabled, #8c959d);
4301
- cursor: not-allowed;
4293
+ .adyen-kyc-avatar-shape-square {
4294
+ border-radius: var(--adyen-sdk-border-radius-l);
4302
4295
  }
4303
4296
 
4304
- .adyen-kyc-card__header {
4305
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
4297
+ .adyen-kyc-avatar-shape-circle {
4298
+ border-radius: 44px;
4306
4299
  }
4307
- .adyen-kyc-card__header--button {
4300
+ .adyen-kyc-embedded-status {
4308
4301
  display: flex;
4309
4302
  justify-content: space-between;
4310
4303
  align-items: center;
4304
+ gap: var(--adyen-sdk-spacer-070);
4305
+ background-color: var(--adyen-sdk-color-background-primary);
4306
+ width: 100%;
4307
+ min-width: 250px;
4308
+ max-width: 650px;
4309
+ cursor: pointer;
4310
+ /* html button default styling removal */
4311
+ border: none;
4312
+ border-radius: var(--adyen-sdk-border-radius-m);
4313
+ text-align: left;
4314
+ padding: var(--adyen-sdk-spacer-060) var(--adyen-sdk-spacer-080);
4311
4315
  }
4312
- .adyen-kyc-card__header .adyen-kyc-card-title {
4313
- display: flex;
4314
- flex-direction: column;
4316
+ .adyen-kyc-embedded-status-loading {
4317
+ cursor: default;
4318
+ }
4319
+ .adyen-kyc-embedded-status-loading .adyen-kyc-embedded-status-avatar {
4320
+ background-color: var(--adyen-sdk-color-background-primary);
4321
+ border: none;
4315
4322
  }
4316
4323
 
4317
- .adyen-kyc-card__body {
4318
- padding: var(--adyen-sdk-spacer-070, 16px);
4324
+ .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) {
4325
+ background-color: var(--adyen-sdk-color-background-secondary);
4326
+ transition: background-color 0.2s;
4319
4327
  }
4320
- .adyen-kyc-card__header + .adyen-kyc-card__body {
4321
- padding-top: var(--adyen-sdk-spacer-000, 0px);
4328
+ .adyen-kyc-embedded-status-action-indicator {
4329
+ background-color: var(--adyen-sdk-color-background-secondary);
4330
+ color: var(--adyen-sdk-color-label-secondary);
4322
4331
  }
4323
4332
 
4324
- .adyen-kyc-card__footer {
4325
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-090, 24px);
4333
+ .adyen-kyc-embedded-status-avatar {
4334
+ display: flex;
4335
+ justify-content: center;
4336
+ align-items: center;
4337
+ width: 40px;
4338
+ height: 40px;
4339
+ border-radius: var(--adyen-sdk-border-radius-m);
4340
+ color: var(--adyen-sdk-color-label-inverse-primary);
4341
+ background-color: var(--adyen-sdk-color-background-inverse-primary);
4326
4342
  }
4327
- .adyen-kyc-card__body + .adyen-kyc-card__footer {
4328
- margin-top: calc(var(--adyen-sdk-spacer-070, 16px) * -1);
4343
+
4344
+ .adyen-kyc-embedded-status-action-indicator {
4345
+ border: var(--adyen-sdk-border-default-s);
4346
+ border-radius: var(--adyen-sdk-border-radius-m);
4347
+ background-color: var(--adyen-sdk-color-background-primary);
4348
+ padding: var(--adyen-sdk-spacer-010) var(--adyen-sdk-spacer-050);
4329
4349
  }
4330
4350
 
4331
- .adyen-kyc-card__warning {
4332
- border-radius: 0 0 var(--adyen-sdk-border-radius-s, 4px) var(--adyen-sdk-border-radius-s, 4px);
4333
- }/* for container queries */
4351
+ .adyen-kyc-embedded-status-info {
4352
+ display: flex;
4353
+ flex-direction: column;
4354
+ flex: 1;
4355
+ overflow-x: auto;
4356
+ }
4357
+ /* for container queries */
4334
4358
  .adyen-kyc-status {
4335
4359
  border: 0;
4336
4360
  border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -4445,53 +4469,235 @@ input.adyen-kyc-radio-group-card__radio--floating {
4445
4469
  .adyen-task-list-singpass-banner {
4446
4470
  margin-bottom: var(--adyen-sdk-spacer-100, 32px);
4447
4471
  }
4448
- .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
4472
+ .adyen-task-list-singpass-banner .adyen-kyc-alert__title {
4473
+ margin-bottom: var(--adyen-sdk-spacer-020, 4px);
4474
+ }
4475
+
4476
+ .adyen-task-list-singpass-banner__title {
4477
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4478
+ font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
4479
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4480
+ }
4481
+ .adyen-task-list-singpass-banner__title + * {
4482
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4483
+ }
4484
+
4485
+ .adyen-task-list-singpass-banner__subtitle {
4486
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4487
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4488
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4489
+ }
4490
+ .adyen-task-list-singpass-banner__subtitle + * {
4491
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4492
+ }
4493
+
4494
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4495
+ width: 100%;
4496
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4497
+ color: var(--adyen-sdk-color-label-primary, #001222);
4498
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4499
+ font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4500
+ line-height: var(--adyen-sdk-text-body-line-height, 20px);
4501
+ margin-top: var(--adyen-sdk-spacer-020, 4px);
4502
+ }
4503
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
4504
+ background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4505
+ }
4506
+ .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
4507
+ margin-left: var(--adyen-sdk-spacer-040, 8px);
4508
+ width: 92px;
4509
+ padding-top: var(--adyen-sdk-spacer-020, 4px);
4510
+ }
4511
+
4512
+ .adyen-task-list__heading {
4513
+ padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
4514
+ }
4515
+
4516
+ .adyen-task-list__description {
4517
+ display: flex;
4518
+ align-items: center;
4519
+ }.adyen-kyc-financial-information-reported-value-options {
4520
+ gap: var(--adyen-sdk-spacer-060, 12px);
4521
+ }.adyen-kyc-reported-value {
4522
+ display: flex;
4523
+ flex-direction: column;
4524
+ padding: var(--adyen-sdk-spacer-020, 4px) 0;
4525
+ }
4526
+
4527
+ .adyen-kyc-reported-value-input {
4528
+ margin: var(--adyen-sdk-spacer-060, 12px) 0;
4529
+ }.adyen-kyc-additional-information__content {
4530
+ display: flex;
4531
+ flex-direction: column;
4532
+ gap: var(--adyen-sdk-spacer-120, 48px);
4533
+ }
4534
+ .adyen-kyc-additional-information__section-heading {
4535
+ margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
4536
+ display: flex;
4537
+ flex-direction: column;
4538
+ gap: var(--adyen-sdk-spacer-050, 10px);
4539
+ }
4540
+ .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
4541
+ flex-direction: column;
4542
+ }
4543
+ .adyen-kyc-additional-information .adyen-kyc__address {
4544
+ margin-bottom: 0 !important;
4545
+ }.adyen-kyc-field--dbaName {
4546
+ margin-left: 0 !important;
4547
+ }/* for container queries */
4548
+ .adyen-kyc-industry-codes-content {
4549
+ display: flex;
4550
+ flex-direction: column;
4551
+ font-size: var(--adyen-sdk-text-body-font-size, 14px);
4552
+ gap: var(--adyen-sdk-spacer-010, 2px);
4553
+ }
4554
+ @container main (min-width: 680px) {
4555
+ .adyen-kyc-industry-codes-content {
4556
+ flex-direction: column;
4557
+ gap: var(--adyen-sdk-spacer-040, 8px);
4558
+ }
4559
+ }
4560
+
4561
+ .adyen-kyc-industry-codes-selection {
4562
+ display: flex;
4563
+ gap: var(--adyen-sdk-spacer-060, 12px);
4564
+ }.adyen-kyc-verified-business-card {
4565
+ display: flex;
4566
+ flex-direction: column;
4567
+ background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
4568
+ padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
4569
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
4570
+ }
4571
+ .adyen-kyc-verified-business-card__content {
4572
+ display: flex;
4573
+ flex-direction: column;
4574
+ gap: var(--adyen-sdk-spacer-080, 20px);
4575
+ margin-bottom: var(--adyen-sdk-spacer-080, 20px);
4576
+ transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
4577
+ }
4578
+ .adyen-kyc-verified-business-card__content--collapsed {
4579
+ overflow: hidden;
4580
+ max-height: 0;
4581
+ opacity: 0;
4582
+ margin: 0;
4583
+ padding-left: var(--adyen-sdk-spacer-080, 20px);
4584
+ }
4585
+ .adyen-kyc-verified-business-card__content--expanded {
4586
+ max-height: 480px;
4587
+ }
4588
+ .adyen-kyc-verified-business-card__expand-button {
4589
+ display: flex;
4590
+ flex-direction: row;
4591
+ justify-content: flex-start;
4592
+ text-decoration: underline;
4593
+ }.adyen-kyc-divider {
4594
+ background-color: var(--adyen-sdk-color-separator-primary);
4595
+ border: none;
4596
+ height: var(--adyen-sdk-border-width-s);
4597
+ margin-block-end: 0;
4598
+ margin-block-start: 0;
4599
+ width: 100%;
4600
+ }
4601
+ .adyen-kyc-basic-information {
4602
+ display: flex;
4603
+ flex-direction: column;
4604
+ }
4605
+ .adyen-kyc-basic-information .adyen-kyc-field-wrapper {
4606
+ flex-direction: column;
4607
+ }
4608
+ .adyen-kyc-basic-information fieldset {
4609
+ border: none;
4610
+ padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
4611
+ margin: 0;
4612
+ }.adyen-kyc-business-selection {
4613
+ height: 100%;
4614
+ width: 100%;
4615
+ }
4616
+ .adyen-kyc-business-selection--loading {
4617
+ min-height: 50vh;
4618
+ display: flex;
4619
+ flex-direction: column;
4620
+ align-items: center;
4621
+ justify-content: center;
4622
+ gap: var(--adyen-sdk-spacer-090, 24px);
4623
+ }
4624
+ .adyen-kyc-business-selection__footer {
4625
+ align-items: center;
4626
+ display: flex;
4627
+ justify-content: center;
4628
+ padding: var(--adyen-sdk-spacer-090, 24px) 0;
4629
+ gap: var(--adyen-sdk-spacer-030, 6px);
4630
+ }
4631
+ .adyen-kyc-business-selection .adyen-kyc-link {
4632
+ text-decoration: underline;
4633
+ text-wrap: nowrap;
4634
+ }.adyen-kyc-business-information-card .adyen-kyc-alert__header {
4635
+ display: flex;
4636
+ align-items: center;
4637
+ }
4638
+ .adyen-kyc-business-information-card .adyen-kyc-alert__title {
4639
+ margin-left: var(--adyen-sdk-spacer-060, 12px);
4640
+ }
4641
+ .adyen-kyc-business-information-card .adyen-kyc-card {
4642
+ border-radius: var(--adyen-sdk-border-radius-m, 8px);
4643
+ }
4644
+ .adyen-kyc-business-information-card .adyen-kyc-card__body {
4645
+ display: flex;
4646
+ flex-direction: column;
4647
+ gap: var(--adyen-sdk-spacer-070, 16px);
4648
+ padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
4649
+ }
4650
+
4651
+ .adyen-kyc-business-information {
4652
+ display: flex;
4653
+ flex-direction: column;
4654
+ }
4655
+ .adyen-kyc-business-information--fetching {
4656
+ flex-direction: row;
4657
+ min-height: 228px;
4658
+ justify-content: center;
4659
+ align-items: center;
4660
+ }.adyen-kyc-field--entityType {
4661
+ margin-bottom: var(--adyen-sdk-spacer-090, 24px);
4662
+ }
4663
+ .adyen-kyc-field--entityType .adyen-kyc-label__text {
4664
+ margin-bottom: var(--adyen-sdk-spacer-040, 8px);
4665
+ }.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
4449
4666
  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
4450
4667
  }
4451
4668
 
4452
- .adyen-task-list-singpass-banner__title {
4453
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4454
- font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
4455
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4456
- }
4457
- .adyen-task-list-singpass-banner__title + * {
4458
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4669
+ .adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
4670
+ display: flex;
4671
+ font-size: calc(var(--adyen-sdk-text-title-m-font-size, 20px) * 2);
4459
4672
  }
4460
4673
 
4461
- .adyen-task-list-singpass-banner__subtitle {
4462
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4463
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4464
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4465
- }
4466
- .adyen-task-list-singpass-banner__subtitle + * {
4467
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4674
+ .adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
4675
+ display: flex;
4676
+ align-items: center;
4677
+ padding: var(--adyen-sdk-spacer-070, 16px);
4678
+ gap: var(--adyen-sdk-spacer-060, 12px);
4468
4679
  }
4469
4680
 
4470
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) {
4471
- width: 100%;
4472
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4473
- color: var(--adyen-sdk-color-label-primary, #001222);
4474
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
4475
- font-weight: var(--adyen-sdk-text-body-font-weight, 400);
4476
- line-height: var(--adyen-sdk-text-body-line-height, 20px);
4477
- margin-top: var(--adyen-sdk-spacer-020, 4px);
4478
- }
4479
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary):hover {
4480
- background-color: var(--adyen-sdk-color-background-primary, #ffffff);
4681
+ .adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
4682
+ display: flex;
4683
+ flex-direction: column;
4684
+ gap: var(--adyen-sdk-spacer-020, 4px);
4685
+ margin-bottom: var(--adyen-sdk-spacer-000, 0px);
4481
4686
  }
4482
- .adyen-kyc-button.adyen-task-list-singpass-banner__button:not(.adyen-kyc-button--secondary):not(.adyen-kyc-button--tertiary) svg {
4483
- margin-left: var(--adyen-sdk-spacer-040, 8px);
4484
- width: 92px;
4485
- padding-top: var(--adyen-sdk-spacer-020, 4px);
4687
+
4688
+ .adyen-kyc-entity-type-radio-group-card__description {
4689
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4486
4690
  }
4487
4691
 
4488
- .adyen-task-list__heading {
4489
- padding: var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px);
4692
+ .adyen-kyc-entity-type-radio-group-card__examples {
4693
+ font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
4490
4694
  }
4491
4695
 
4492
- .adyen-task-list__description {
4696
+ .adyen-kyc-trust__role-and-entity-type .adyen-kyc-radio-card {
4493
4697
  display: flex;
4494
4698
  align-items: center;
4699
+ flex-grow: 1;
4700
+ padding: var(--adyen-sdk-spacer-070, 16px);
4495
4701
  }/* for container queries */
4496
4702
  .adyen-task-item {
4497
4703
  gap: var(--adyen-sdk-spacer-100, 32px);
@@ -5059,42 +5265,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
5059
5265
  }
5060
5266
  .adyen-kyc-introduction__nav button {
5061
5267
  flex-grow: 1;
5062
- }.adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
5063
- margin-bottom: var(--adyen-sdk-spacer-020, 4px);
5064
- }
5065
-
5066
- .adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
5067
- display: flex;
5068
- font-size: calc(var(--adyen-sdk-text-title-m-font-size, 20px) * 2);
5069
- }
5070
-
5071
- .adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
5072
- display: flex;
5073
- align-items: center;
5074
- padding: var(--adyen-sdk-spacer-070, 16px);
5075
- gap: var(--adyen-sdk-spacer-060, 12px);
5076
- }
5077
-
5078
- .adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
5079
- display: flex;
5080
- flex-direction: column;
5081
- gap: var(--adyen-sdk-spacer-020, 4px);
5082
- margin-bottom: var(--adyen-sdk-spacer-000, 0px);
5083
- }
5084
-
5085
- .adyen-kyc-entity-type-radio-group-card__description {
5086
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5087
- }
5088
-
5089
- .adyen-kyc-entity-type-radio-group-card__examples {
5090
- font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
5091
- }
5092
-
5093
- .adyen-kyc-trust__role-and-entity-type .adyen-kyc-radio-card {
5094
- display: flex;
5095
- align-items: center;
5096
- flex-grow: 1;
5097
- padding: var(--adyen-sdk-spacer-070, 16px);
5098
5268
  }.adyen-kyc-business-type-selection {
5099
5269
  margin-left: auto;
5100
5270
  margin-right: auto;
@@ -5321,34 +5491,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
5321
5491
  margin: 0 var(--adyen-sdk-spacer-070, 16px);
5322
5492
  padding: var(--adyen-sdk-spacer-070, 16px) 0;
5323
5493
  border-top: var(--adyen-sdk-border-default-s);
5324
- }.adyen-kyc-field--dbaName {
5325
- margin-left: 0 !important;
5326
5494
  }/* for container queries */
5327
- .adyen-kyc-industry-codes-content {
5328
- display: flex;
5329
- flex-direction: column;
5330
- font-size: var(--adyen-sdk-text-body-font-size, 14px);
5331
- gap: var(--adyen-sdk-spacer-010, 2px);
5332
- }
5333
- @container main (min-width: 680px) {
5334
- .adyen-kyc-industry-codes-content {
5335
- flex-direction: column;
5336
- gap: var(--adyen-sdk-spacer-040, 8px);
5337
- }
5338
- }
5339
-
5340
- .adyen-kyc-industry-codes-selection {
5341
- display: flex;
5342
- gap: var(--adyen-sdk-spacer-060, 12px);
5343
- }.adyen-kyc-divider {
5344
- background-color: var(--adyen-sdk-color-separator-primary);
5345
- border: none;
5346
- height: var(--adyen-sdk-border-width-s);
5347
- margin-block-end: 0;
5348
- margin-block-start: 0;
5349
- width: 100%;
5350
- }
5351
- /* for container queries */
5352
5495
  .adyen-kyc-business-details {
5353
5496
  min-height: 480px;
5354
5497
  }
@@ -5360,131 +5503,17 @@ input.adyen-kyc-radio-group-card__radio--floating {
5360
5503
  .adyen-kyc-business-details--hide,
5361
5504
  .adyen-kyc-business-details [class*="--hide"] {
5362
5505
  display: none;
5363
- }.adyen-kyc-financial-information-reported-value-options {
5364
- gap: var(--adyen-sdk-spacer-060, 12px);
5365
- }.adyen-kyc-reported-value {
5366
- display: flex;
5367
- flex-direction: column;
5368
- padding: var(--adyen-sdk-spacer-020, 4px) 0;
5369
- }
5370
-
5371
- .adyen-kyc-reported-value-input {
5372
- margin: var(--adyen-sdk-spacer-060, 12px) 0;
5373
- }.adyen-kyc-additional-information__content {
5374
- display: flex;
5375
- flex-direction: column;
5376
- gap: var(--adyen-sdk-spacer-120, 48px);
5377
- }
5378
- .adyen-kyc-additional-information__section-heading {
5379
- margin: 0 0 var(--adyen-sdk-spacer-090, 24px);
5380
- display: flex;
5381
- flex-direction: column;
5382
- gap: var(--adyen-sdk-spacer-050, 10px);
5383
- }
5384
- .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
5385
- flex-direction: column;
5386
- }
5387
- .adyen-kyc-additional-information .adyen-kyc__address {
5388
- margin-bottom: 0 !important;
5389
- }.adyen-kyc-verified-business-card {
5390
- display: flex;
5391
- flex-direction: column;
5392
- background: var(--adyen-sdk-color-background-secondary, #f4f5f6);
5393
- padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
5394
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
5395
- }
5396
- .adyen-kyc-verified-business-card__content {
5397
- display: flex;
5398
- flex-direction: column;
5399
- gap: var(--adyen-sdk-spacer-080, 20px);
5400
- margin-bottom: var(--adyen-sdk-spacer-080, 20px);
5401
- transition: max-height 0.5s ease, padding-left 0.35s ease, opacity 0.35s ease;
5402
- }
5403
- .adyen-kyc-verified-business-card__content--collapsed {
5404
- overflow: hidden;
5405
- max-height: 0;
5406
- opacity: 0;
5407
- margin: 0;
5408
- padding-left: var(--adyen-sdk-spacer-080, 20px);
5409
- }
5410
- .adyen-kyc-verified-business-card__content--expanded {
5411
- max-height: 480px;
5412
- }
5413
- .adyen-kyc-verified-business-card__expand-button {
5414
- display: flex;
5415
- flex-direction: row;
5416
- justify-content: flex-start;
5417
- text-decoration: underline;
5418
- }.adyen-kyc-basic-information {
5419
- display: flex;
5420
- flex-direction: column;
5421
- }
5422
- .adyen-kyc-basic-information .adyen-kyc-field-wrapper {
5423
- flex-direction: column;
5424
- }
5425
- .adyen-kyc-basic-information fieldset {
5426
- border: none;
5427
- padding: 0 0 var(--adyen-sdk-spacer-080, 20px);
5428
- margin: 0;
5429
- }.adyen-kyc-business-selection {
5430
- height: 100%;
5431
- width: 100%;
5432
- }
5433
- .adyen-kyc-business-selection--loading {
5434
- min-height: 50vh;
5435
- display: flex;
5436
- flex-direction: column;
5437
- align-items: center;
5438
- justify-content: center;
5439
- gap: var(--adyen-sdk-spacer-090, 24px);
5440
- }
5441
- .adyen-kyc-business-selection__footer {
5442
- align-items: center;
5443
- display: flex;
5444
- justify-content: center;
5445
- padding: var(--adyen-sdk-spacer-090, 24px) 0;
5446
- gap: var(--adyen-sdk-spacer-030, 6px);
5447
- }
5448
- .adyen-kyc-business-selection .adyen-kyc-link {
5449
- text-decoration: underline;
5450
- text-wrap: nowrap;
5451
- }.adyen-kyc-business-information-card .adyen-kyc-alert__header {
5452
- display: flex;
5453
- align-items: center;
5454
- }
5455
- .adyen-kyc-business-information-card .adyen-kyc-alert__title {
5456
- margin-left: var(--adyen-sdk-spacer-060, 12px);
5457
- }
5458
- .adyen-kyc-business-information-card .adyen-kyc-card {
5459
- border-radius: var(--adyen-sdk-border-radius-m, 8px);
5460
- }
5461
- .adyen-kyc-business-information-card .adyen-kyc-card__body {
5462
- display: flex;
5463
- flex-direction: column;
5464
- gap: var(--adyen-sdk-spacer-070, 16px);
5465
- padding: 0 var(--adyen-sdk-spacer-090, 24px) var(--adyen-sdk-spacer-070, 16px);
5466
- }
5467
-
5468
- .adyen-kyc-business-information {
5469
- display: flex;
5470
- flex-direction: column;
5471
- }
5472
- .adyen-kyc-business-information--fetching {
5473
- flex-direction: row;
5474
- min-height: 228px;
5475
- justify-content: center;
5476
- align-items: center;
5477
- }.adyen-kyc-field--entityType {
5478
- margin-bottom: var(--adyen-sdk-spacer-090, 24px);
5479
- }
5480
- .adyen-kyc-field--entityType .adyen-kyc-label__text {
5481
- margin-bottom: var(--adyen-sdk-spacer-040, 8px);
5482
5506
  }.adyen-kyc-window {
5483
5507
  display: flex;
5484
5508
  overflow-x: auto;
5485
- width: 100%;
5486
5509
  scroll-snap-type: x mandatory;
5487
5510
  padding: 16px;
5511
+
5512
+ /* Override carousel container */
5513
+ width: 100cqw;
5514
+ margin-left: -25cqw;
5515
+ scroll-padding-left: 25cqw;
5516
+ padding-left: 25cqw;
5488
5517
  }
5489
5518
 
5490
5519
  .adyen-kyc-item {
@@ -5618,16 +5647,26 @@ input.adyen-kyc-radio-group-card__radio--floating {
5618
5647
  width: 100%;
5619
5648
  max-width: 520px;
5620
5649
  margin: var(--adyen-sdk-spacer-000, 0px) auto;
5621
- }.adyen-kyc-business-line-modal-content {
5650
+ }.adyen-kyc-business-line__modal-content {
5622
5651
  padding: var(--adyen-sdk-spacer-140, 64px);
5623
5652
  display: flex;
5624
5653
  flex-direction: column;
5625
5654
  gap: var(--adyen-sdk-spacer-070, 16px);
5626
5655
  }
5627
- .adyen-kyc-business-line-card {
5656
+ .adyen-kyc-business-line__card {
5628
5657
  display: flex;
5629
5658
  flex-direction: column;
5630
5659
  gap: var(--adyen-sdk-spacer-070, 16px);
5660
+ }
5661
+ .adyen-kyc-business-line__actions {
5662
+ display: flex;
5663
+ flex-direction: column;
5664
+ gap: var(--adyen-sdk-spacer-070);
5665
+ width: 100%;
5666
+ align-items: center;
5667
+ }
5668
+ .adyen-kyc-business-line__actions button {
5669
+ width: 66%;
5631
5670
  }.adyen-kyc-go-back-button-container {
5632
5671
  margin-top: var(--adyen-sdk-spacer-140);
5633
5672
  width: 66%;