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