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