@adyen/kyc-components 4.0.0-compact.4 → 4.0.0-compact.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (754) hide show
  1. package/dist/{4-people-BzyXLUF9.js → 4-people-BtDi7O9A.js} +2 -2
  2. package/dist/{AcceptTermsOfServiceComponent-BpEgUWXz.js → AcceptTermsOfServiceComponent-BFqDontt.js} +37 -29
  3. package/dist/{Accordion-C7tT1-lq.js → Accordion-B2vSnESS.js} +2 -2
  4. package/dist/{AccountSetupRejected-Bx9bf2P2.js → AccountSetupRejected-f8rcBzZj.js} +4 -4
  5. package/dist/{ActionBar-BYag3Mhx.js → ActionBar-CijauUSe.js} +2 -2
  6. package/dist/{Address-BG5_sFfZ.js → Address-Bj7zJ6yZ.js} +83 -288
  7. package/dist/{Alert-CjdHpM1t.js → Alert-CFmX9yNV.js} +3 -3
  8. package/dist/{Avatar-BbYg2DuO.js → Avatar-DWU7t_0U.js} +2 -2
  9. package/dist/{BusinessFinancingComponent-C6IiU1SV.js → BusinessFinancingComponent-_DvatBRp.js} +7 -7
  10. package/dist/{BusinessFinancingDropin-BGSfIRyw.js → BusinessFinancingDropin-BuATaIOz.js} +691 -300
  11. package/dist/{BusinessFinancingPage-B6B4tyGt.js → BusinessFinancingPage-Bpu78Ynn.js} +5 -5
  12. package/dist/{BusinessTypeSelectionPage-0jkL0xW-.js → BusinessTypeSelectionPage-gsT7g7u8.js} +59 -39
  13. package/dist/Card-OQuFzmxm.js +90 -0
  14. package/dist/{debouncedInputEvent-BdLyqQK5.js → Checkbox-5Sc5pzsh.js} +3 -38
  15. package/dist/Confirm-C0J_JwMM.js +64 -0
  16. package/dist/ConstitutionalDocument-Bw5T0g5Q.js +2361 -0
  17. package/dist/ContactDetails-CXTim9KR.js +396 -0
  18. package/dist/ContextGuidance-074d6FWy.js +34 -0
  19. package/dist/{ContractViewer-Byp71k2e.js → ContractViewer-DcQHIGMU.js} +2 -2
  20. package/dist/CountryField-DxZlK1rV.js +66 -0
  21. package/dist/CreateIndividualComponent-BppUrKMC.js +65 -0
  22. package/dist/{CreateTransferInstrumentComponent-BNvXg6_9.js → CreateTransferInstrumentComponent-Cl2NOJb6.js} +6 -13
  23. package/dist/{Currency-DpseKPZa.js → Currency-CIgj9KwH.js} +68 -13
  24. package/dist/{CustomerSupport-BzpGH7XC.js → CustomerSupport-UenL9SqQ.js} +13 -10
  25. package/dist/{DebugModal-DyH69DXv.js → DebugModal-KXKodU9u.js} +12 -9
  26. package/dist/{DecisionMakerDetailsPage-BiCWUl-E.js → DecisionMakerDetailsPage-Xwe1qYtH.js} +19 -21
  27. package/dist/{DecisionMakers-WTQe_49J.js → DecisionMakers-CJDodZSl.js} +41 -25
  28. package/dist/Dropzone-kpihpy7N.js +224 -0
  29. package/dist/{EmbeddedStatus-CcwyilpG.js → EmbeddedStatus-BJjPDUeS.js} +3 -3
  30. package/dist/{EndStateLayout-DUFAp0sp.js → EndStateLayout-Cx1NUGVq.js} +2 -2
  31. package/dist/EntityAssociation-BtQeHZOq.js +178 -0
  32. package/dist/{EntityGuidanceStatus-Bpa8WnR_.js → EntityGuidanceStatus-DyMVy3R4.js} +4 -3
  33. package/dist/ErrorPanel-CAALFKmE.js +194 -0
  34. package/dist/Field-Bs7wGDqk.js +141 -0
  35. package/dist/{FormNavigation-BP2ZV8AF.js → FormNavigation-BtSvWPRY.js} +3 -3
  36. package/dist/{FormWrapper-D2abCVld.js → FormWrapper-B3N3YosC.js} +10 -10
  37. package/dist/Header-vslG1ugE.js +83 -0
  38. package/dist/Image-CAucF9wz.js +27 -0
  39. package/dist/Individual.rules-CP2tzjmO.js +383 -0
  40. package/dist/IndividualDropin-xfXkDkrM.js +5168 -0
  41. package/dist/InputDate-CLxqciJA.js +43 -0
  42. package/dist/InputGroup-WBfGDV5F.js +32 -0
  43. package/dist/InputText-BdCbTzL9.js +134 -0
  44. package/dist/{Introduction-Ee8931m9.js → Introduction-BRWdnVv5.js} +4 -4
  45. package/dist/{JpAddress-Br78ZY9o.js → JpAddress-BSEenMj0.js} +62 -28
  46. package/dist/LandingLayout-kl7TkBGx.js +60 -0
  47. package/dist/LegalCompanyNameField-DzAxAnD9.js +138 -0
  48. package/dist/{LegalRepresentativeDetailsPage-kZbXv8m2.js → LegalRepresentativeDetailsPage--yY_D66i.js} +7 -12
  49. package/dist/Link-CXYU8cLY.js +35 -0
  50. package/dist/List-BAzyC6sw.js +83 -0
  51. package/dist/{ListItem-DKLPtRMQ.js → ListItem-HD5_HiQ2.js} +3 -3
  52. package/dist/LoaderWrapper-C2PvjjQc.js +42 -0
  53. package/dist/{ManageIndividualComponent-CrAC6lmI.js → ManageIndividualComponent-BGaAbJjj.js} +5 -5
  54. package/dist/{ManageTermsOfServiceComponent-D188174Y.js → ManageTermsOfServiceComponent-DFjaajE4.js} +5 -5
  55. package/dist/{ManageTransferInstrumentComponent-DDIhJrq3.js → ManageTransferInstrumentComponent-Dndkwh_d.js} +20 -15
  56. package/dist/{Spacer-BT5nYRXK.js → MaskedInput-BSW18fxr.js} +29 -635
  57. package/dist/{MaybeModal-QG3JQV0A.js → MaybeModal-xIjl3I31.js} +3 -3
  58. package/dist/{Modal-B8fxl0iP.js → Modal-CZ-HuGUO.js} +5 -5
  59. package/dist/Name-D6EhveoK.js +81 -0
  60. package/dist/OnboardingDropinComponent-CHtcVTHh.js +2672 -0
  61. package/dist/{PayoutDetailsDropin-D_ee4PgW.js → PayoutDetailsDropin-C2pNMAZS.js} +257 -161
  62. package/dist/Radio-BMtxBpnn.js +39 -0
  63. package/dist/RadioGroup-CxcIXYzs.js +100 -0
  64. package/dist/RadioGroupCard-Y214QWmQ.js +152 -0
  65. package/dist/{Review-BDXmgIlE.js → Review-B2NCN4h_.js} +8 -7
  66. package/dist/RootBusinessDetailsPage-hr5fLCIH.js +50 -0
  67. package/dist/{RootBusinessLinesPage-CbaRG8zg.js → RootBusinessLinesPage-DSna9haW.js} +166 -82
  68. package/dist/{RootIndividualDetailsPage-D4hpO1W0.js → RootIndividualDetailsPage-BItguz9n.js} +10 -19
  69. package/dist/{useForm-BsQfbbso.js → Select-DaCJsYNl.js} +22 -779
  70. package/dist/{SignPCIComponent-4qzKpijW.js → SignPCIComponent-C2YjBxQM.js} +16 -13
  71. package/dist/{SingpassSelection-BB6R98e_.js → SingpassSelection-B3ozCH9I.js} +9 -7
  72. package/dist/{SoleProprietorshipPage-Z5lqmwWa.js → SoleProprietorshipPage-DIzzhgjr.js} +6 -5
  73. package/dist/{SourceOfFundsPage-BA638WTW.js → SourceOfFundsPage-C3kXyE7G.js} +200 -421
  74. package/dist/Spacer-BK3jDget.js +18 -0
  75. package/dist/{StepProgressIndicator-Bs1V38Kt.js → StepProgressIndicator-BSGlNU3K.js} +2 -2
  76. package/dist/StoreProvider-99-ewU62.js +4793 -0
  77. package/dist/StructuredList-CVMZBzwq.js +61 -0
  78. package/dist/{Summary-BOSxxPjv.js → Summary-D0GcSMNn.js} +22 -6
  79. package/dist/{InputText-qTMbrUXW.js → TaskVerificationStatus-DZIw2ztV.js} +3 -123
  80. package/dist/TaxInformationField-BxQvx1zK.js +3741 -0
  81. package/dist/{TaxReportingDropin-CQzNhf9Q.js → TaxReportingDropin-BqvAQH2c.js} +38 -37
  82. package/dist/TextArea-BjsWgkR-.js +103 -0
  83. package/dist/TileGroup-C-5-VREz.js +203 -0
  84. package/dist/{TrustDetailsPage-BLNK52Za.js → TrustDetailsPage-YROGiuFJ.js} +59 -37
  85. package/dist/TrustMemberCompanyPage-Z2EuqPEI.js +68 -0
  86. package/dist/{TrustMemberIndividualPage-q2iayL78.js → TrustMemberIndividualPage-DmNp3D89.js} +13 -15
  87. package/dist/{TrustMemberRoleAndTypePage-C1WVoqKI.js → TrustMemberRoleAndTypePage-BEOtdItr.js} +136 -35
  88. package/dist/{TrustMembersOverview-5UGm_iG9.js → TrustMembersOverview-GybHMIEU.js} +14 -13
  89. package/dist/{UnincorporatedPartnershipIndividualPage-CyqUGlhC.js → UnincorporatedPartnershipIndividualPage-BCYxSTlv.js} +12 -14
  90. package/dist/{UnincorporatedPartnershipMemberCompanyPage-D_J_JQ00.js → UnincorporatedPartnershipMemberCompanyPage-Buez4OHl.js} +11 -7
  91. package/dist/{UnincorporatedPartnershipMemberRoleAndTypePage-C98KZ4pT.js → UnincorporatedPartnershipMemberRoleAndTypePage-Cfpe0BuU.js} +28 -17
  92. package/dist/{UnincorporatedPartnershipMembersOverview-C5jfbcPJ.js → UnincorporatedPartnershipMembersOverview-B3Vi088r.js} +10 -9
  93. package/dist/{VerificationErrorAlert-BJ9X1Bkv.js → VerificationErrorAlert-C6_ewC7c.js} +4 -23
  94. package/dist/{ViewVerificationStatusComponent-KnTqf4d6.js → ViewVerificationStatusComponent-DpA4jlct.js} +5 -4
  95. package/dist/accountHolderUtils-Btu9mMnM.js +66 -0
  96. package/dist/adyen-business-financing.js +8 -4
  97. package/dist/adyen-individual-configuration.js +8 -4
  98. package/dist/adyen-individual-status.js +5 -4
  99. package/dist/adyen-invited-decision-maker.js +87 -0
  100. package/dist/adyen-kyc-components.js +22 -20
  101. package/dist/adyen-onboarding.js +8 -4
  102. package/dist/adyen-terms-of-service-management.js +8 -4
  103. package/dist/adyen-terms-of-service-status.js +5 -4
  104. package/dist/adyen-transfer-instrument-configuration.js +8 -4
  105. package/dist/adyen-transfer-instrument-management.js +5 -4
  106. package/dist/adyen-verification-status.js +8 -4
  107. package/dist/{arrow-right-KxA3SvQj.js → arrow-right-BoqwUH_d.js} +2 -2
  108. package/dist/bafinUtils-CIGv_BK8.js +80 -0
  109. package/dist/{bag-BPumznWh.js → bag-BXVWLrwo.js} +2 -2
  110. package/dist/{bank-D6FiNBhs.js → bank-1GvaHPAZ.js} +2 -2
  111. package/dist/{bin-Bz6KOIeE.js → bin-Ba-3ll8T.js} +2 -2
  112. package/dist/{business-lines-DboUCbXw.js → business-lines-BAqTbnBw.js} +2 -2
  113. package/dist/{capital-GVQ3svwN.js → capital-9TKHySO7.js} +2 -2
  114. package/dist/{cash-stack-D9AoDDwt.js → cash-stack-DwYu4xNy.js} +2 -2
  115. package/dist/{certificate-CdEWgHQf.js → certificate-N2YFedpI.js} +2 -2
  116. package/dist/{checkmark-Q7x6tGhy.js → checkmark-D9dGhGpG.js} +2 -2
  117. package/dist/{checkmark-circle-x7dzbp3I.js → checkmark-circle-CFWClLQ6.js} +2 -2
  118. package/dist/{checkmark-circle-fill-CsvN5_PL.js → checkmark-circle-fill-DEB-tuGl.js} +2 -2
  119. package/dist/{checkmark-small-D35myntq.js → checkmark-small-D3VNx2lo.js} +2 -2
  120. package/dist/{chevron-down-C2iDorpW.js → chevron-down-C7SUSYfl.js} +2 -2
  121. package/dist/{chevron-left-ztPO84q-.js → chevron-left-BXmd-S46.js} +2 -2
  122. package/dist/{chevron-right-C_JN0oDt.js → chevron-right-jE6RwM2B.js} +2 -2
  123. package/dist/{chevron-up-CgG8n25g.js → chevron-up-BdfNcqzq.js} +2 -2
  124. package/dist/{circle-Bt3Nlr3q.js → circle-BJPTMCWB.js} +2 -2
  125. package/dist/{circle-small-filled-YMzP6yQU.js → circle-small-filled-BuO8Vg8j.js} +2 -2
  126. package/dist/{clock-BZHremOA.js → clock-DAzaBRWk.js} +2 -2
  127. package/dist/{coins-fkAk6dCo.js → coins-DYdzG5e_.js} +2 -2
  128. package/dist/commonValidators-DTt6he7v.js +24 -0
  129. package/dist/company-types-value-D_mKv5PT.js +23 -0
  130. package/dist/{contract-BTa4HltT.js → contract-BfJb1t6M.js} +2 -2
  131. package/dist/{cross-Cn09MtQ_.js → cross-CDS_eot4.js} +2 -2
  132. package/dist/{cross-circle-fill-maan7Z5S.js → cross-circle-fill-C-EJ57Yn.js} +2 -2
  133. package/dist/{cross-circle-fill-small-DCz52AuN.js → cross-circle-fill-small-DkPjsuBH.js} +2 -2
  134. package/dist/currency-CrdnaaDu.js +35 -0
  135. package/dist/da-DK-B3Pg-MWO.js +13 -0
  136. package/dist/{da-DK-Dc0QYG8m.js → da-DK-Cd5IQPv3.js} +8 -1
  137. package/dist/{da-DK-CoTdzXlA.js → da-DK-DQ4ZYSea.js} +2 -2
  138. package/dist/da-DK-DzcTI92X.js +13 -0
  139. package/dist/datasetUtil-BHQp0-xL.js +58 -0
  140. package/dist/{de-DE-Dz2OsS1F.js → de-DE-C9NH2zMh.js} +8 -1
  141. package/dist/{de-DE-z0cPgxGN.js → de-DE-CkbOZ6S_.js} +2 -2
  142. package/dist/de-DE-S6qDey1L.js +13 -0
  143. package/dist/de-DE-dPfrbCii.js +13 -0
  144. package/dist/debouncedInputEvent-Cv2S512Y.js +46 -0
  145. package/dist/{decision-makers-group-CgddXgrx.js → decision-makers-group-DrvpnEqj.js} +2 -2
  146. package/dist/{digital-wallet-D_IpxnkN.js → digital-wallet-Bx5YM1LY.js} +2 -2
  147. package/dist/{document-1-C08ut-Dt.js → document-1-qlSTF558.js} +2 -2
  148. package/dist/{document-blurred-2Zpodj3_.js → document-blurred-BiWap0xs.js} +2 -2
  149. package/dist/{document-cut-off-ClS7RiOp.js → document-cut-off-aQezqOif.js} +2 -2
  150. package/dist/{document-expired-CjksBq-N.js → document-expired-BhBXaWWQ.js} +2 -2
  151. package/dist/{document-front-DiAairT3.js → document-front-DYuhZGeQ.js} +2 -2
  152. package/dist/{document-person-vxlA6C5f.js → document-person-CDbnTOdV.js} +2 -2
  153. package/dist/{download-Drhk9k1f.js → download-BZQB1WkZ.js} +2 -2
  154. package/dist/{dropinUtils-BYk71qFP.js → dropinUtils--st1YpV6.js} +4 -4
  155. package/dist/{edit-1-CFoDTMvQ.js → edit-1-DAqtnOIx.js} +2 -2
  156. package/dist/{en-US-BzrLvydZ.js → en-US-CjjPhkB5.js} +2 -2
  157. package/dist/{en-US-CzEL6t1W.js → en-US-D1sB335h.js} +9 -3
  158. package/dist/en-US-DLY20x1O.js +13 -0
  159. package/dist/{en-US-D-B35AoN.js → en-US-DYP6rAvA.js} +8 -1
  160. package/dist/{en-US-fyGPkcqX.js → en-US-cVpRgdC8.js} +2 -2
  161. package/dist/es-ES--IvNed_Q.js +13 -0
  162. package/dist/{es-ES-DUn82eVS.js → es-ES-BAolMrZ0.js} +2 -2
  163. package/dist/es-ES-BYl5-PFR.js +13 -0
  164. package/dist/{es-ES-BI_jdT67.js → es-ES-DK-7qtDf.js} +8 -1
  165. package/dist/{external-link-DCMYUMfW.js → external-link-Cg6pJaSJ.js} +2 -2
  166. package/dist/{fi-FI-hwzizPnr.js → fi-FI-BJLU1JHw.js} +8 -1
  167. package/dist/fi-FI-BUixKfXH.js +13 -0
  168. package/dist/{fi-FI-C3TTCFBv.js → fi-FI-D8WrLxxq.js} +2 -2
  169. package/dist/fi-FI-DFxljML-.js +13 -0
  170. package/dist/fieldConfigurations-BUT9DTUH.js +21 -0
  171. package/dist/filterProblemsByTaskForms-Cz7iQtms.js +30 -0
  172. package/dist/form-rules-DhbF2mY4.js +13 -0
  173. package/dist/formUtils-C_sWWLS3.js +107 -0
  174. package/dist/{fr-FR-CYZXbwc9.js → fr-FR-B2je0smB.js} +8 -1
  175. package/dist/fr-FR-BM-qNLci.js +13 -0
  176. package/dist/{fr-FR-BbKadiaZ.js → fr-FR-Beljeilc.js} +2 -2
  177. package/dist/fr-FR-DPehHVb6.js +13 -0
  178. package/dist/{funds-in-D8bj0aoE.js → funds-in-CInoUdmG.js} +2 -2
  179. package/dist/{getName-9MyzlDpt.js → getName-CnZDw7kV.js} +2 -2
  180. package/dist/getProblemsForEntity-D8qEVVOM.js +24 -0
  181. package/dist/getProps-Cc3J2-z9.js +148 -0
  182. package/dist/getTrustedFields-C5-mXl-l.js +64 -0
  183. package/dist/{gift-CQ_DEma7.js → gift-omNInZeB.js} +2 -2
  184. package/dist/{graph-BJmqglH2.js → graph-DunG_uu1.js} +2 -2
  185. package/dist/{graph-up-Bq6adtlX.js → graph-up-BZze4i6m.js} +2 -2
  186. package/dist/{headquarter-DNYyuuFq.js → headquarter-BhpSibFO.js} +2 -2
  187. package/dist/{hotel-BuNql78Z.js → hotel-Cp7VgGCJ.js} +2 -2
  188. package/dist/{house-B6sNRj-B.js → house-BhyBQdR3.js} +2 -2
  189. package/dist/{id-blurred-9dzBOWCE.js → id-blurred-B5lHEP8M.js} +2 -2
  190. package/dist/{id-cut-off-CohJCI2h.js → id-cut-off-Ba1FRzKO.js} +2 -2
  191. package/dist/{id-front-CSZfvdRg.js → id-front-CpNWN6nG.js} +2 -2
  192. package/dist/{id-glare-Q2JWo5ts.js → id-glare-DgCQON8k.js} +2 -2
  193. package/dist/{iframeWidget-OATZoluK.js → iframeWidget-DqeucjDU.js} +4 -4
  194. package/dist/{image-BSihO8lR.js → image-CmB0ioUM.js} +2 -2
  195. package/dist/{info-vHTZWoJ7.js → info-Bb_-xIEK.js} +2 -2
  196. package/dist/{info-filled-SQotHmT9.js → info-filled-CK8LB339.js} +2 -2
  197. package/dist/{instant-verification-Dvvkyfmp.js → instant-verification-UrnuHTYn.js} +2 -2
  198. package/dist/isEmpty-CUuXL9Na.js +23 -0
  199. package/dist/isNewEntity-7Vw_eQBr.js +13 -0
  200. package/dist/{it-IT-CGhQqmiU.js → it-IT-5a7NHVFo.js} +2 -2
  201. package/dist/it-IT-D63gRTDc.js +13 -0
  202. package/dist/it-IT-DOBp2-MP.js +13 -0
  203. package/dist/{it-IT-Erh1DIlj.js → it-IT-Dhwa9Ecj.js} +8 -1
  204. package/dist/{ja-JP-D1vtig2x.js → ja-JP-B3wVYIJU.js} +38 -38
  205. package/dist/{ja-JP-ThzG9vIo.js → ja-JP-Bc4U0S8-.js} +9 -2
  206. package/dist/{ja-JP-DGNXrNMK.js → ja-JP-Bv3ru9Xq.js} +21 -14
  207. package/dist/{ja-JP-CSz7fEkn.js → ja-JP-CceCDXLB.js} +2 -2
  208. package/dist/ja-JP-DL0IjTzn.js +13 -0
  209. package/dist/{ja-JP-CvREJ56h.js → ja-JP-DSvZhFNY.js} +5 -5
  210. package/dist/{ja-JP-C6Go-kaC.js → ja-JP-g6VOUGXZ.js} +4 -4
  211. package/dist/japanSupportUtils-CGWcXGP2.js +16 -0
  212. package/dist/jpAddressSchema-DEOyz9Yo.js +26 -0
  213. package/dist/{localizeDateString-CtnAUzr_.js → localizeDateString-D6tFShQu.js} +2 -2
  214. package/dist/{location-Q4oKvnkl.js → location-itJfxrDQ.js} +2 -2
  215. package/dist/{mail-BOdyoVqB.js → mail-VHTlAusn.js} +2 -2
  216. package/dist/{manual-verification-BvZWqA00.js → manual-verification-BO8zgAYT.js} +2 -2
  217. package/dist/{mapExistingFile-Iep6Rez8.js → mapExistingFile-BM9f5AeG.js} +81 -7
  218. package/dist/mapJpAddressSchemaToAddressLocalizations-Cu4hdrYE.js +162 -0
  219. package/dist/{mapLegalEntityToIndividualOnfidoSchema-BGAZ4tOn.js → mapLegalEntityToIndividualSchema-DVKTWyvx.js} +63 -3
  220. package/dist/{mapTransferInstrumentToPayoutAccount-C6ha6E0S.js → mapTransferInstrumentToPayoutAccount--gtugk3J.js} +3 -2
  221. package/dist/{minus-circle-filled-kC2IUvKz.js → minus-circle-filled-ZhtJ0GD3.js} +2 -2
  222. package/dist/{nl-NL-O9GCHMDA.js → nl-NL-B0fvINJj.js} +8 -1
  223. package/dist/{nl-NL-OHlJx2bn.js → nl-NL-CmURERx_.js} +2 -2
  224. package/dist/nl-NL-KQ6bciOb.js +13 -0
  225. package/dist/nl-NL-SjOGmGk5.js +13 -0
  226. package/dist/no-NO-BAWVf0GX.js +13 -0
  227. package/dist/no-NO-Ds3VioxT.js +13 -0
  228. package/dist/{no-NO-CA1aR6Wh.js → no-NO-Jw7Gae-a.js} +8 -1
  229. package/dist/{no-NO-DEYydng4.js → no-NO-qyqWODMp.js} +2 -2
  230. package/dist/{onfido-logo-BWSv__sQ.js → onfido-logo-BSkKPH10.js} +2 -2
  231. package/dist/{options-horizontal-CBmbNv7R.js → options-horizontal-GuXvLvV3.js} +2 -2
  232. package/dist/{partner-CPjsrePY.js → partner-QD27Vy4w.js} +2 -2
  233. package/dist/{passport-blurred-B4UDQfmc.js → passport-blurred-CVG493IJ.js} +2 -2
  234. package/dist/{passport-cut-off-C0N2mgLk.js → passport-cut-off-COzA_TmB.js} +2 -2
  235. package/dist/{passport-front-BwA7wR91.js → passport-front-WJleLixT.js} +2 -2
  236. package/dist/{passport-front-green-BL4HmtsB.js → passport-front-green-CZVkCa1n.js} +2 -2
  237. package/dist/{passport-glare-Mg2ixsYA.js → passport-glare-BP5WnJZj.js} +2 -2
  238. package/dist/patternValidators-vYKnE5-t.js +83 -0
  239. package/dist/{pay-by-link-plane-BVZndh67.js → pay-by-link-plane-BpY8Q6-B.js} +2 -2
  240. package/dist/{payout-ChUEoLjt.js → payout-DtB68BcZ.js} +2 -2
  241. package/dist/{payout-verification-instant-5u-wvFKv.js → payout-verification-instant-BzpfOQLD.js} +2 -2
  242. package/dist/{payout-verification-manual-BH2mu0UW.js → payout-verification-manual-gNEoeZkV.js} +2 -2
  243. package/dist/{person-DGjUU4S4.js → person-IVZG3t3_.js} +2 -2
  244. package/dist/{plaid-logo-CtActXTN.js → plaid-logo-FsZ7kfL-.js} +2 -2
  245. package/dist/{plus-CWXA5wdX.js → plus-DiALAL8-.js} +2 -2
  246. package/dist/{plus-circle-filled-CbC0u2Y1.js → plus-circle-filled-BzHtTqEN.js} +2 -2
  247. package/dist/{process-field-configurations-BBc1EBeB.js → process-field-configurations-Dl2Isz78.js} +4 -4
  248. package/dist/{pt-BR-NtLaWlnZ.js → pt-BR-BaTE6BB_.js} +8 -1
  249. package/dist/pt-BR-BfDe_8iW.js +13 -0
  250. package/dist/{pt-BR-DWAziFjb.js → pt-BR-BxoOF8jB.js} +2 -2
  251. package/dist/pt-BR-Ct4s4jXV.js +13 -0
  252. package/dist/{recurring-CkL4cCM2.js → recurring-DKNs9K3x.js} +2 -2
  253. package/dist/{reporting-DerosUNm.js → reporting-D5ABpLO_.js} +2 -2
  254. package/dist/resolveEnvironment-B_JokQ0n.js +84 -0
  255. package/dist/{revenue-accelerate-Dp4Ns_5c.js → revenue-accelerate-D7Sp0V4a.js} +2 -2
  256. package/dist/{review-CxIN9azU.js → review-D4TUjcWF.js} +2 -2
  257. package/dist/roleMetadata-eM6T7GeQ.js +66 -0
  258. package/dist/{save-Fgy7EDid.js → save-BfqO2JBI.js} +2 -2
  259. package/dist/{search-C4GZ-Rc1.js → search-Cmzbf5zI.js} +2 -2
  260. package/dist/{show-yPjPmEf8.js → show-IdbU1C6P.js} +2 -2
  261. package/dist/{singpass-logo-BkMSwiGY.js → singpass-logo-wY4xsmTX.js} +2 -2
  262. package/dist/{singpass-verification-instant-hY4eGFwl.js → singpass-verification-instant-JCqTr7Mv.js} +2 -2
  263. package/dist/{singpass-verification-manual-DwhRpy5Q.js → singpass-verification-manual-DQ7XW6R3.js} +2 -2
  264. package/dist/sl-SI-BAIm-qBe.js +13 -0
  265. package/dist/{sl-SI-C5vfq7vv.js → sl-SI-DTvJT7fC.js} +2 -2
  266. package/dist/{sl-SI-tPwbFvOI.js → sl-SI-DbfswGh0.js} +8 -1
  267. package/dist/sl-SI-hxwQIw_i.js +13 -0
  268. package/dist/{solution-payments-CNAat9h7.js → solution-payments-DpyE_sdS.js} +2 -2
  269. package/dist/{store-IuAkDRAp.js → store-Btc4GcmU.js} +2 -2
  270. package/dist/style.css +1364 -1368
  271. package/dist/styles-CLV89_hH.js +1364 -1368
  272. package/dist/summaryItem-CAQCQSkt.js +18 -0
  273. package/dist/sv-SE-0PQ-U1u6.js +13 -0
  274. package/dist/sv-SE-BZNey_8S.js +13 -0
  275. package/dist/{sv-SE-K1QT1cOt.js → sv-SE-D_Efxy3s.js} +8 -1
  276. package/dist/{sv-SE-BrO9NKWs.js → sv-SE-N-Hqwcjq.js} +2 -2
  277. package/dist/{tax-reporting-graph-DjzwRgE6.js → tax-reporting-graph-hgoilCHZ.js} +2 -2
  278. package/dist/{terminal-1-_me9J9h0.js → terminal-1-D1pwXCoi.js} +2 -2
  279. package/dist/{tink-logo-BcIv93ND.js → tink-logo-DDyjz5eJ.js} +2 -2
  280. package/dist/types/api/address/useAddressCleanse.d.ts +1 -1
  281. package/dist/types/api/address/useRetrieveAddress.d.ts +1 -1
  282. package/dist/types/api/address/useRetrieveFromPostcodeJp.d.ts +1 -1
  283. package/dist/types/api/address/useSearchAddress.d.ts +1 -2
  284. package/dist/types/api/businessLines/useBusinessLines.d.ts +3 -3
  285. package/dist/types/api/businessLines/useCreateBusinessLine.d.ts +2 -2
  286. package/dist/types/api/businessLines/useDeleteBusinessLine.d.ts +2 -2
  287. package/dist/types/api/businessLines/useUpdateBusinessLines.d.ts +2 -2
  288. package/dist/types/api/businessLines/useUpdateSourceOfFunds.d.ts +2 -2
  289. package/dist/types/api/check/useCheck.d.ts +1 -2
  290. package/dist/types/api/companyDataSet/useClearCompanyData.d.ts +2 -2
  291. package/dist/types/api/companySearch/useCompanySearch.d.ts +1 -2
  292. package/dist/types/api/companySelection/useCompanySelection.d.ts +1 -1
  293. package/dist/types/api/configurations/useScenarios.d.ts +3 -161
  294. package/dist/types/api/configurations/useSupportedCountries.d.ts +1 -1
  295. package/dist/types/api/configurations/useTaskTypes.d.ts +1 -1
  296. package/dist/types/api/configurations/useVersionConfiguration.d.ts +1 -1
  297. package/dist/types/api/createLegalEntity/useCreateLegalEntity.d.ts +2 -2
  298. package/dist/types/api/datasets/useLegalForms.d.ts +1 -1
  299. package/dist/types/api/datasets/useNaceCodes.d.ts +1 -1
  300. package/dist/types/api/datasets/useSourceOfFundsTypes.d.ts +1 -1
  301. package/dist/types/api/documentValidation/useDocumentValidate.d.ts +2 -4
  302. package/dist/types/api/documents/useCreateDocument.d.ts +2 -2
  303. package/dist/types/api/documents/useDeleteDocument.d.ts +2 -2
  304. package/dist/types/api/documents/useDocument.d.ts +2 -2
  305. package/dist/types/api/documents/useDocuments.d.ts +1 -1
  306. package/dist/types/api/documents/useUpdateDocument.d.ts +2 -2
  307. package/dist/types/api/entityVerifications/useVerifyIdNumber.d.ts +2 -2
  308. package/dist/types/api/idNowProvider/useIdNowProvider.d.ts +3 -4
  309. package/dist/types/api/idVerificationProviders/idVerificationStartCheck.d.ts +2 -2
  310. package/dist/types/api/idVerificationProviders/useExtractDocumentInformation.d.ts +2 -2
  311. package/dist/types/api/idVerificationProviders/useIdVerificationToken.d.ts +3 -3
  312. package/dist/types/api/industryCodes/useIndustryCodes.d.ts +1 -2
  313. package/dist/types/api/legalEntity/useConfirmReview.d.ts +2 -2
  314. package/dist/types/api/legalEntity/useLegalEntity.d.ts +8 -389
  315. package/dist/types/api/legalEntity/useUpdateLegalEntity.d.ts +2 -2
  316. package/dist/types/api/onboardingStatus/useGenerateOnboardingLink.d.ts +2 -2
  317. package/dist/types/api/onboardingStatus/useOnboardingStatus.d.ts +1 -1
  318. package/dist/types/api/openId/useOpenIdAuthorizationLink.d.ts +1 -2
  319. package/dist/types/api/pci/usePciQuestionnaireList.d.ts +1 -1
  320. package/dist/types/api/pci/usePciStatus.d.ts +1 -1
  321. package/dist/types/api/pci/usePciTemplate.d.ts +1 -1
  322. package/dist/types/api/pci/useSignPci.d.ts +2 -3
  323. package/dist/types/api/providersConfiguration/useProviderStatus.d.ts +1 -1
  324. package/dist/types/api/queryKeys.d.ts +1 -1
  325. package/dist/types/api/taskStatus/useTaskStatus.d.ts +2 -2
  326. package/dist/types/api/taxClassification/useTaxClassification.d.ts +1 -1
  327. package/dist/types/api/termsOfService/useAcceptTermsOfService.d.ts +2 -3
  328. package/dist/types/api/termsOfService/useAcceptedTermsOfService.d.ts +1 -7
  329. package/dist/types/api/termsOfService/useTermsOfService.d.ts +1 -1
  330. package/dist/types/api/termsOfService/useTermsOfServiceAcceptanceInfos.d.ts +1 -1
  331. package/dist/types/api/termsOfService/useTermsOfServiceStatus.d.ts +1 -1
  332. package/dist/types/api/tinVerification/useVerifyTin.d.ts +1 -1
  333. package/dist/types/api/transferInstruments/useBankVerificationProviders.d.ts +1 -1
  334. package/dist/types/api/transferInstruments/useCreateTrustedTransferInstrument.d.ts +1 -1
  335. package/dist/types/api/transferInstruments/useDeleteTransferInstrument.d.ts +1 -1
  336. package/dist/types/api/transferInstruments/useHandleBankVerificationError.d.ts +1 -1
  337. package/dist/types/api/transferInstruments/useTransferInstrument.d.ts +2 -2
  338. package/dist/types/api/transferInstruments/useTransferInstruments.d.ts +1 -1
  339. package/dist/types/api/transferInstruments/useUpdateTransferInstrument.d.ts +1 -1
  340. package/dist/types/api/transferInstruments/useUpdateTrustedTransferInstrument.d.ts +1 -1
  341. package/dist/types/api/types.d.ts +3 -2
  342. package/dist/types/api/uiAnalytics/useAnalyticsSession.d.ts +2 -2
  343. package/dist/types/api/uiAnalytics/usePushAnalyticEvent.d.ts +2 -2
  344. package/dist/types/api/validation/useValidateAccountIdentification.d.ts +2 -3
  345. package/dist/types/api/validation/useValidatePhoneNumber.d.ts +1 -1
  346. package/dist/types/components/{Shared → Apps}/tasks/TaskList/utils.d.ts +1 -5
  347. package/dist/types/components/BankAccount/forms/BankDocument/BankDocumentClassification.d.ts +1 -2
  348. package/dist/types/components/BankAccount/forms/BankDocument/types.d.ts +0 -1
  349. package/dist/types/components/BankAccount/forms/BankVerification/types.d.ts +1 -0
  350. package/dist/types/components/BankAccount/forms/BankVerification/verification/overlay/BankVerificationOverlay.d.ts +1 -1
  351. package/dist/types/components/BankAccount/forms/PayoutDetails/rules.d.ts +1 -1
  352. package/dist/types/components/BankAccount/forms/PayoutDetails/types.d.ts +0 -1
  353. package/dist/types/components/BankAccount/mapping/payoutKeyMappings.d.ts +439 -439
  354. package/dist/types/components/BankAccount/pages/PayoutDetailsPage.d.ts +3 -3
  355. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/PayoutDetailsDropin.d.ts +1 -1
  356. package/dist/types/components/BankAccount/tasks/PayoutDetailsDropin/utils.d.ts +1 -1
  357. package/dist/types/components/BankAccount/utils/payoutAccountUtil.d.ts +1 -1
  358. package/dist/types/components/Business/forms/AdditionalInformation/AdditionalInformation.d.ts +0 -2
  359. package/dist/types/components/Business/forms/AdditionalInformation/utils.d.ts +0 -3
  360. package/dist/types/components/Business/forms/BusinessDetails/form-ids.d.ts +2 -0
  361. package/dist/types/components/Business/forms/BusinessDetails/forms.d.ts +12 -11
  362. package/dist/types/components/Business/forms/BusinessDetails/types.d.ts +2 -1
  363. package/dist/types/components/Business/forms/BusinessSelection/BusinessInformationCard/BusinessInformationCard.d.ts +4 -4
  364. package/dist/types/components/Business/forms/CompanyStructure/CompanyStructure.d.ts +0 -1
  365. package/dist/types/components/{Shared → Business}/forms/FinancialInformation/formatFinancialInformationSummary.d.ts +1 -1
  366. package/dist/types/components/{Shared → Business}/forms/FinancialInformation/mapping/mapFinancialInformationToFinancialReport.d.ts +1 -1
  367. package/dist/types/components/{Shared → Business}/forms/FinancialInformation/mapping/mapFinancialReportsToFinancialInformation.d.ts +1 -1
  368. package/dist/types/components/Business/forms/rules.d.ts +11 -11
  369. package/dist/types/components/Business/mapping/businessDetails/businessBankAccountTaxIdUtils.d.ts +7 -0
  370. package/dist/types/components/Business/mapping/businessDetails/mapBusinessDetailsSchemaToLegalEntity.d.ts +4 -2
  371. package/dist/types/components/Business/mapping/businessDetails/mapLegalEntityToBusinessDetailsSchema.d.ts +8 -1
  372. package/dist/types/components/Business/pages/RootBusinessDetailsPage.d.ts +1 -2
  373. package/dist/types/components/Business/tasks/BusinessDetailsDropin/businessDetailsStore.d.ts +0 -2
  374. package/dist/types/components/Business/tasks/BusinessDetailsDropin/types.d.ts +4 -2
  375. package/dist/types/components/Business/tasks/BusinessDetailsDropin/utils.d.ts +3 -4
  376. package/dist/types/components/Business/utils/companyUtil.d.ts +0 -10
  377. package/dist/types/components/BusinessLines/constants.d.ts +2 -0
  378. package/dist/types/components/BusinessLines/fields/SctaField/types.d.ts +1 -1
  379. package/dist/types/components/BusinessLines/fields/WebDataField/types.d.ts +1 -1
  380. package/dist/types/components/BusinessLines/pages/RootBusinessLinesPage.d.ts +1 -2
  381. package/dist/types/components/BusinessLines/tasks/BusinessLines/BusinessLineModal/BusinessLineModal.d.ts +2 -1
  382. package/dist/types/components/BusinessLines/tasks/BusinessLines/BusinessLinesDropin.d.ts +1 -1
  383. package/dist/types/components/BusinessLines/tasks/types.d.ts +2 -0
  384. package/dist/types/components/BusinessLines/tasks/utils.d.ts +8 -4
  385. package/dist/types/components/BusinessLines/tasks/validate.d.ts +0 -2
  386. package/dist/types/components/Contract/tasks/ServiceAgreementDropin/types.d.ts +1 -1
  387. package/dist/types/components/EFP/fields/LegalFormField/LegalFormField.d.ts +1 -1
  388. package/dist/types/components/EFP/fields/NaceCodeField/NaceCodeField.d.ts +1 -1
  389. package/dist/types/components/EFP/mapping/businessFinancingKeyMappings.d.ts +5771 -541
  390. package/dist/types/components/EFP/mapping/mapBusinessFinancingToLegalEntity.d.ts +3 -2
  391. package/dist/types/components/EFP/mapping/mapLegalEntityToBusinessFinancing.d.ts +1 -1
  392. package/dist/types/components/EFP/pages/BusinessFinancingPage.d.ts +1 -2
  393. package/dist/types/components/EFP/pages/SourceOfFundsPage.d.ts +1 -2
  394. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/AdditionalFieldsForBusinessFinancingSoleProprietor.d.ts +2 -0
  395. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/BusinessFinancingSoleProprietorPersonalInformation.d.ts +4 -0
  396. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/types.d.ts +28 -0
  397. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/utils.d.ts +14 -3
  398. package/dist/types/components/EFP/tasks/BusinessFinancingDropin/validate.d.ts +10 -1
  399. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/types.d.ts +20 -21
  400. package/dist/types/components/EFP/tasks/SourceOfFundsDropin/utils.d.ts +6 -4
  401. package/dist/types/components/EFP/tasks/TaxReportingDropin/utils.d.ts +1 -2
  402. package/dist/types/components/EmbeddedDropins/BusinessFinancingComponent/utils.d.ts +2 -1
  403. package/dist/types/components/EmbeddedDropins/CreateIndividualComponent/CreateIndividualComponent.d.ts +2 -2
  404. package/dist/types/components/EmbeddedDropins/InvitedDecisionMakerComponent/InvitedDecisionMakerComponent.d.ts +4 -0
  405. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/DropinComposer.d.ts +1 -1
  406. package/dist/types/components/EmbeddedDropins/OnboardingDropinComponent/DropinComposer/RouterDropinComposer.d.ts +4 -0
  407. package/dist/types/components/Individual/fields/DriversLicense/DriversLicense.types.d.ts +1 -1
  408. package/dist/types/components/Individual/fields/IdentityNumber/fieldConfig.d.ts +4 -3
  409. package/dist/types/components/Individual/forms/AdditionalPersonalDetails/AdditionalPersonalDetails.types.d.ts +29 -0
  410. package/dist/types/components/Individual/forms/{IndividualOnfido/AdditionalPersonalDetails → AdditionalPersonalDetails}/Identity/Identity.types.d.ts +3 -3
  411. package/dist/types/components/Individual/forms/{IndividualOnfido/AdditionalPersonalDetails → AdditionalPersonalDetails}/Identity/TypeOfIdentity/index.d.ts +2 -2
  412. package/dist/types/components/Individual/forms/AdditionalPersonalDetails/Identity/validate.d.ts +4 -0
  413. package/dist/types/components/Individual/forms/{IndividualOnfido/AdditionalPersonalDetails → AdditionalPersonalDetails}/validate.d.ts +8 -8
  414. package/dist/types/components/Individual/forms/BasicDetails/BasicDetails.types.d.ts +22 -0
  415. package/dist/types/components/Individual/forms/BasicDetails/validate.d.ts +8 -0
  416. package/dist/types/components/Individual/forms/{IndividualOnfido/DataConflictsModal → DataConflictsModal}/ConflictRow.d.ts +1 -1
  417. package/dist/types/components/Individual/forms/{IndividualOnfido/DataConflictsModal → DataConflictsModal}/DataConflictsModal.d.ts +1 -1
  418. package/dist/types/components/Individual/forms/{Individual/IdDocumentUpload → IdDocumentUpload}/types.d.ts +5 -15
  419. package/dist/types/components/Individual/forms/{Individual/IdDocumentUpload → IdDocumentUpload}/utils.d.ts +1 -1
  420. package/dist/types/components/Individual/forms/IdNowVerificationModal/isIdNowModalOpen.d.ts +18 -0
  421. package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/IdVerificationMethod.types.d.ts +5 -4
  422. package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/OnfidoVerificationModal/OnfidoVerificationModal.d.ts +1 -1
  423. package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/UploadedDocument/UploadedDocument.d.ts +1 -1
  424. package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/individualOnfidoConflictsSchema.d.ts +5 -5
  425. package/dist/types/components/Individual/forms/IdVerificationMethod/mapExtractionResultToSchema.d.ts +4 -0
  426. package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/validateExtractionResult.d.ts +3 -3
  427. package/dist/types/components/Individual/forms/{IndividualOnfido/IndividualOnfido.d.ts → Individual.d.ts} +6 -2
  428. package/dist/types/components/Individual/forms/{IndividualOnfido/IndividualOnfido.rules.d.ts → Individual.rules.d.ts} +8 -9
  429. package/dist/types/components/Individual/forms/{IndividualOnfido/IndividualOnfido.types.d.ts → Individual.types.d.ts} +16 -15
  430. package/dist/types/components/Individual/forms/{Individual/ProofOfRelationship → ProofOfRelationship}/types.d.ts +1 -1
  431. package/dist/types/components/Individual/forms/{Individual/ProofOfResidency → ProofOfResidency}/types.d.ts +1 -1
  432. package/dist/types/components/Individual/forms/{IndividualOnfido/SignatoryQuestionnaire → SignatoryQuestionnaire}/SignatoryQuestionnaire.types.d.ts +1 -1
  433. package/dist/types/components/Individual/forms/{IndividualOnfido/UboQuestionnaire → UboQuestionnaire}/UboQuestionnaire.types.d.ts +2 -2
  434. package/dist/types/components/Individual/forms/{IndividualOnfido/UboQuestionnaire → UboQuestionnaire}/UboQuestionnaireModalContent.d.ts +1 -1
  435. package/dist/types/components/Individual/forms/form-ids.d.ts +2 -0
  436. package/dist/types/components/Individual/helpers/bafinUtils.d.ts +3 -2
  437. package/dist/types/components/Individual/helpers/mandateIdVerificationForMotionCapture.d.ts +2 -3
  438. package/dist/types/components/Individual/helpers/roleUtils.d.ts +1 -1
  439. package/dist/types/components/Individual/mapping/adjustOnfidoIdentificationData.d.ts +1 -1
  440. package/dist/types/components/Individual/mapping/getOnfidoIdentityTypeToApiIdentityTypeMap.d.ts +1 -1
  441. package/dist/types/components/Individual/mapping/individualKeyMappings.d.ts +6 -12
  442. package/dist/types/components/Individual/mapping/mapApiDocumentToIndividualDocuments.d.ts +2 -2
  443. package/dist/types/components/Individual/mapping/mapIndividualDocumentToApiDocument.d.ts +2 -3
  444. package/dist/types/components/Individual/mapping/{mapIndividualOnfidoSchemaToLegalEntity.d.ts → mapIndividualSchemaToLegalEntity.d.ts} +1 -1
  445. package/dist/types/components/Individual/mapping/{mapLegalEntityToIndividualOnfidoSchema.d.ts → mapLegalEntityToIndividualSchema.d.ts} +1 -1
  446. package/dist/types/components/Individual/pages/DecisionMakerDetailsPage.d.ts +6 -7
  447. package/dist/types/components/Individual/pages/LegalRepresentativeDetailsPage.d.ts +2 -2
  448. package/dist/types/components/Individual/pages/RootIndividualDetailsPage.d.ts +2 -2
  449. package/dist/types/components/Individual/tasks/DecisionMakers/DecisionMakerDetails/utils.d.ts +2 -14
  450. package/dist/types/components/Individual/tasks/DecisionMakers/RemediationAlerts/remediation.config.d.ts +0 -2
  451. package/dist/types/components/Individual/tasks/DecisionMakers/types.d.ts +8 -0
  452. package/dist/types/components/Individual/tasks/DecisionMakers/utils.d.ts +1 -1
  453. package/dist/types/components/Individual/tasks/IndividualDropin/IndividualDropin.d.ts +2 -2
  454. package/dist/types/components/Individual/tasks/IndividualDropin/individualFormConfig.d.ts +3 -3
  455. package/dist/types/components/Shared/EntityAssociation/EntityAssociation.d.ts +0 -1
  456. package/dist/types/components/Shared/Introduction/copy.d.ts +1 -1
  457. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/BusinessRegistrationNumberField.d.ts +1 -1
  458. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.d.ts +10 -0
  459. package/dist/types/components/Shared/fields/BusinessRegistrationNumberField/types.d.ts +2 -1
  460. package/dist/types/components/Shared/fields/CountryField/types.d.ts +2 -1
  461. package/dist/types/components/Shared/fields/CountryOfGoverningLawField/CountryOfGoverningLawField.d.ts +1 -1
  462. package/dist/types/components/Shared/fields/CountryOfGoverningLawField/types.d.ts +1 -1
  463. package/dist/types/components/Shared/fields/Currency/Currency.d.ts +1 -1
  464. package/dist/types/components/Shared/fields/Currency/types.d.ts +1 -1
  465. package/dist/types/components/Shared/fields/DBANameField/DBANameField.d.ts +1 -1
  466. package/dist/types/components/Shared/fields/DBANameField/types.d.ts +1 -1
  467. package/dist/types/components/Shared/fields/DateOfIncorporationField/DateOfIncorporationField.d.ts +1 -1
  468. package/dist/types/components/Shared/fields/DateOfIncorporationField/types.d.ts +3 -1
  469. package/dist/types/components/Shared/fields/EInvoicingCodeField/EInvoicingCodeField.d.ts +1 -1
  470. package/dist/types/components/Shared/fields/EInvoicingCodeField/types.d.ts +1 -1
  471. package/dist/types/components/Shared/fields/IdFieldTypeSelector/countryIdNumberTypes.d.ts +119 -1
  472. package/dist/types/components/Shared/fields/IndustryCodeField/IndustryCodeField.d.ts +1 -1
  473. package/dist/types/components/Shared/fields/IndustryCodeField/types.d.ts +1 -1
  474. package/dist/types/components/Shared/fields/LegalCompanyNameField/fieldConfig.d.ts +12 -6
  475. package/dist/types/components/Shared/fields/LegalCompanyNameField/types.d.ts +3 -1
  476. package/dist/types/components/{Individual → Shared}/fields/LocalizedNameFields/types.d.ts +2 -2
  477. package/dist/types/components/Shared/fields/LocalizedNameFields/validate.d.ts +5 -0
  478. package/dist/types/components/Shared/fields/NumberOfEmployees/NumberOfEmployees.d.ts +1 -1
  479. package/dist/types/components/Shared/fields/NumberOfEmployees/types.d.ts +1 -1
  480. package/dist/types/components/Shared/fields/PhoneField/PhoneField.d.ts +1 -1
  481. package/dist/types/components/Shared/fields/PhoneField/fieldConfig.d.ts +5 -0
  482. package/dist/types/components/Shared/fields/PhoneField/types.d.ts +2 -1
  483. package/dist/types/components/Shared/fields/StateField/StateField.d.ts +1 -1
  484. package/dist/types/components/Shared/fields/StateField/fieldConfig.d.ts +8 -0
  485. package/dist/types/components/Shared/fields/StateField/types.d.ts +1 -1
  486. package/dist/types/components/Shared/fields/StockExchangeMICField/StockExchangeMICField.d.ts +1 -1
  487. package/dist/types/components/Shared/fields/StockExchangeMICField/types.d.ts +1 -1
  488. package/dist/types/components/Shared/fields/StockISINField/StockISINField.d.ts +1 -1
  489. package/dist/types/components/Shared/fields/StockISINField/types.d.ts +1 -1
  490. package/dist/types/components/Shared/fields/StockTickerSymbol/StockTickerSymbolField.d.ts +1 -1
  491. package/dist/types/components/Shared/fields/StockTickerSymbol/types.d.ts +1 -1
  492. package/dist/types/components/Shared/fields/TaxInformationField/TaxInformationField.d.ts +1 -1
  493. package/dist/types/components/Shared/fields/TaxInformationField/fieldConfig.d.ts +6 -0
  494. package/dist/types/components/Shared/fields/TaxInformationField/types.d.ts +2 -1
  495. package/dist/types/components/Shared/fields/VatNumberField/VatNumberField.d.ts +1 -1
  496. package/dist/types/components/Shared/fields/VatNumberField/types.d.ts +1 -1
  497. package/dist/types/components/Shared/forms/Address/Address.d.ts +1 -1
  498. package/dist/types/components/Shared/forms/Address/utils.d.ts +1 -1
  499. package/dist/types/components/Shared/forms/BusinessTypeSelection/utils.d.ts +1 -1
  500. package/dist/types/components/Trust/forms/Trust/rules.d.ts +2 -2
  501. package/dist/types/components/Trust/hooks/useTrustMemberNavigation.hook.d.ts +1 -1
  502. package/dist/types/components/Trust/pages/TrustDetailsPage.d.ts +1 -2
  503. package/dist/types/components/Trust/pages/TrustMemberCompanyPage.d.ts +3 -3
  504. package/dist/types/components/Trust/pages/TrustMemberIndividualPage.d.ts +5 -5
  505. package/dist/types/components/Trust/pages/TrustMemberRoleAndTypePage.d.ts +2 -2
  506. package/dist/types/components/Trust/tasks/RoleAndTypeDropin/formatRoleAndEntityTypeSummary.d.ts +1 -1
  507. package/dist/types/components/Trust/tasks/TrustDropin/TrustMultiform.d.ts +2 -1
  508. package/dist/types/components/Trust/tasks/TrustMembers/TrustMembersOverview.d.ts +1 -2
  509. package/dist/types/components/UnincorporatedPartnership/hooks/useUnincorporatedPartnershipNavigation.d.ts +1 -1
  510. package/dist/types/components/UnincorporatedPartnership/pages/UnincorporatedPartnershipIndividualPage.d.ts +5 -5
  511. package/dist/types/components/UnincorporatedPartnership/pages/UnincorporatedPartnershipMemberCompanyPage.d.ts +3 -3
  512. package/dist/types/components/UnincorporatedPartnership/pages/UnincorporatedPartnershipMemberRoleAndTypePage.d.ts +1 -1
  513. package/dist/types/components/ui/atoms/Card/Card.d.ts +19 -0
  514. package/dist/types/components/ui/atoms/Loader/Loader.d.ts +11 -1
  515. package/dist/types/components/ui/atoms/MultiSelectList/MultiSelectList.d.ts +0 -1
  516. package/dist/types/components/ui/atoms/Svg/Svg.d.ts +0 -1
  517. package/dist/types/components/ui/molecules/EmbeddedStatus/statusToTag.d.ts +1 -1
  518. package/dist/types/components/ui/molecules/ErrorPanel/ErrorPanel.d.ts +0 -1
  519. package/dist/types/context/ExperimentContext/types.d.ts +19 -42
  520. package/dist/types/context/QueryContext/QueryClient.d.ts +1 -1
  521. package/dist/types/context/StateContext/types.d.ts +2 -3
  522. package/dist/types/core/models/api/individual.d.ts +3 -0
  523. package/dist/types/core/models/api/instant-id-verification.d.ts +1 -1
  524. package/dist/types/core/models/api/legal-arrangement.d.ts +3 -0
  525. package/dist/types/core/models/api/legal-entity-association.d.ts +1 -1
  526. package/dist/types/core/process-field-configurations.d.ts +0 -5
  527. package/dist/types/core/services/types.d.ts +1 -1
  528. package/dist/types/core/user-events.d.ts +4 -2
  529. package/dist/types/embeds/baseEmbedProps.d.ts +0 -21
  530. package/dist/types/embeds/business-financing/adyen-business-financing.d.ts +2 -1
  531. package/dist/types/embeds/individual-configuration/adyen-individual-configuration.d.ts +5 -1
  532. package/dist/types/embeds/individual-configuration/adyen-individual-configuration.types.d.ts +2 -2
  533. package/dist/types/embeds/invited-decision-maker/adyen-invited-decision-maker.d.ts +5 -0
  534. package/dist/types/embeds/invited-decision-maker/adyen-invited-decision-maker.types.d.ts +34 -0
  535. package/dist/types/embeds/onboarding/adyen-onboarding.d.ts +2 -1
  536. package/dist/types/embeds/terms-of-service-management/adyen-terms-of-service-management.d.ts +5 -1
  537. package/dist/types/embeds/transfer-instrument-configuration/adyen-transfer-instrument-configuration.d.ts +2 -1
  538. package/dist/types/embeds/verification-status/adyen-verification-status.d.ts +2 -1
  539. package/dist/types/hooks/useAssociatedLegalEntity.d.ts +1 -1
  540. package/dist/types/hooks/useForm/types.d.ts +0 -8
  541. package/dist/types/hooks/useLegalCompanyNameField/useLegalCompanyNameField.d.ts +4 -2
  542. package/dist/types/hooks/usePageLandedEvent.d.ts +7 -0
  543. package/dist/types/hooks/useUboQuestionnaire.d.ts +2 -2
  544. package/dist/types/language/types.d.ts +7 -2
  545. package/dist/types/language/utils.d.ts +1 -2
  546. package/dist/types/router/DefaultRouteRedirect.d.ts +8 -0
  547. package/dist/types/router/MemoryRouterContext.d.ts +9 -0
  548. package/dist/types/router/OnboardingRouter.d.ts +39 -0
  549. package/dist/types/router/SuspenseRoute.d.ts +7 -0
  550. package/dist/types/router/getDefaultTask.d.ts +16 -0
  551. package/dist/types/router/routeConfig.d.ts +68 -0
  552. package/dist/types/router/useCurrentTask.d.ts +5 -0
  553. package/dist/types/router/useNavigate.d.ts +7 -0
  554. package/dist/types/stores/formState.d.ts +1 -1
  555. package/dist/types/stores/globalStore/taskStatus.d.ts +5 -3
  556. package/dist/types/types/assert.d.ts +1 -0
  557. package/dist/types/types/form-rules.d.ts +0 -1
  558. package/dist/types/utils/addLinkedFields.d.ts +0 -2
  559. package/dist/types/utils/analytics/debouncedInputEvent.d.ts +1 -0
  560. package/dist/types/utils/analytics/getPrefilledDetails.d.ts +28 -0
  561. package/dist/types/utils/api/processCapabilitites.d.ts +14 -2
  562. package/dist/types/utils/birthDateUtils.d.ts +0 -17
  563. package/dist/types/utils/entityAssociationUtil.d.ts +3 -4
  564. package/dist/types/utils/entityStatusUtil.d.ts +1 -1
  565. package/dist/types/utils/fieldConfigurations.d.ts +0 -2
  566. package/dist/types/utils/formUtils.d.ts +1 -6
  567. package/dist/types/utils/getDisplayErrorMessage.d.ts +1 -2
  568. package/dist/types/utils/getFieldsWithExistingData.d.ts +2 -3
  569. package/dist/types/utils/getName.d.ts +1 -1
  570. package/dist/types/utils/japanSupportUtils.d.ts +2 -1
  571. package/dist/types/utils/logger.d.ts +0 -1
  572. package/dist/types/utils/makeSelectItemForRole.d.ts +1 -1
  573. package/dist/types/utils/performance.d.ts +64 -0
  574. package/dist/types/utils/regex/patternValidators.d.ts +1 -1
  575. package/dist/types/utils/translation.d.ts +3 -2
  576. package/dist/types/utils/validatorUtils.d.ts +2 -1
  577. package/dist/types/utils/verification/helpers/verifyIdNumber.d.ts +3 -2
  578. package/dist/{types-Dk94b8kx.js → types-B7GElie6.js} +21 -44
  579. package/dist/{types-Q8QbiVOz.js → types-BQL9Lsg4.js} +2 -2
  580. package/dist/{types-DtV30rT3.js → types-C8io4KaH.js} +3 -26
  581. package/dist/{types-fRMvVcuU.js → types-DwXc_yI8.js} +2 -2
  582. package/dist/unincorporated-partnership-MeN1dp53.js +97 -0
  583. package/dist/{upload-BF65P4KM.js → upload-BmUXjsaU.js} +2 -2
  584. package/dist/{us-check-CYY6Crhr.js → us-check-C1rTBsCY.js} +2 -2
  585. package/dist/{us-check-account-number-C7KE5YzX.js → us-check-account-number-9lI1dXNC.js} +2 -2
  586. package/dist/{us-check-routing-number-DUbhsYAR.js → us-check-routing-number-s_KaAGSM.js} +2 -2
  587. package/dist/{useAssociatedLegalEntity-CtNg5gYS.js → useAssociatedLegalEntity-ETDoz1H2.js} +3 -2
  588. package/dist/useBusinessDetailsData-FrL0b9Ni.js +5197 -0
  589. package/dist/useBusinessLines-C5NQ5pE8.js +29 -0
  590. package/dist/useCanSeeIntroduction-BdZJ7k-_.js +48 -0
  591. package/dist/{useCreateLegalEntity-DIzVLIrw.js → useCreateLegalEntity-DrcLoNYT.js} +3 -2
  592. package/dist/useDataMissingRemediations-Zgtpw7uZ.js +41 -0
  593. package/dist/useDataset-Cap5ZjTr.js +76 -0
  594. package/dist/useDeleteTransferInstrument-B2wRj-qL.js +32 -0
  595. package/dist/useForm-DqUW2TbW.js +582 -0
  596. package/dist/{FormFlow-DX2A0gcf.js → useFormContext-CkuaJPUI.js} +26 -31
  597. package/dist/{useGlobalData-CO2a2RhB.js → useGlobalData-5Z6W3or1.js} +3 -3
  598. package/dist/useId-BZ0PA7jP.js +24 -0
  599. package/dist/{useMultiForm-BkNgL1zi.js → useMultiForm-Dm2IEMH9.js} +46 -37
  600. package/dist/useNavigate-CI0N-POy.js +265 -0
  601. package/dist/{useOnboardingStatus-BB5IzxTg.js → useOnboardingStatus-H7Xqe2GC.js} +3 -2
  602. package/dist/usePciQuestionnaireList-BF7TPjbQ.js +29 -0
  603. package/dist/useSalesChannels-DYGRfKeh.js +65 -0
  604. package/dist/{useScenarios-yIXrDacU.js → useScenarios-CibP5LVa.js} +7 -5
  605. package/dist/useSetting-CbBaitp6.js +19 -0
  606. package/dist/useTaskStatus-1OZ2clnm.js +51 -0
  607. package/dist/{useTermsOfServiceStatus-BRdLkis6.js → useTermsOfServiceStatus-Dg_nBQgt.js} +3 -2
  608. package/dist/{useToastContext-BQYYaLd-.js → useToastContext-D643iewp.js} +6 -17
  609. package/dist/useTrustMembers-BTCDIu6B.js +163 -0
  610. package/dist/{useUnincorporatedPartnershipMembers-fl3LbBcx.js → useUnincorporatedPartnershipMembers-BM9dNg4i.js} +5 -5
  611. package/dist/useUpdateBusinessLines-BuW6Vnof.js +339 -0
  612. package/dist/{useUpdateLegalEntity-CIZP-vhE.js → useUpdateLegalEntity-tRw1V_Mt.js} +4 -3
  613. package/dist/utils-BasWTkqk.js +159 -0
  614. package/dist/{utils-_N6wjH1k.js → utils-BnolcW6V.js} +6 -6
  615. package/dist/{utils-BtBmicYe.js → utils-D9h2Aq2w.js} +26 -22
  616. package/dist/utils-PkTZS9uf.js +58 -0
  617. package/dist/utils-b_KUV0wb.js +29 -0
  618. package/dist/{documentUtils-CmY7W1gB.js → validate-CtxacqMv.js} +171 -6
  619. package/dist/{validate-yIqc2enK.js → validate-K0fmvoFj.js} +10 -2
  620. package/dist/{validationError-BcmQ2z0b.js → validationError-DdlWONz2.js} +3 -3
  621. package/dist/{warning-circle-fill-CEN1WL7A.js → warning-circle-fill-DBvt921B.js} +2 -2
  622. package/dist/{warning-diamond-filled-BfXMlVrG.js → warning-diamond-filled-Lb2od2ry.js} +2 -2
  623. package/dist/{webinar-DqjqrNEv.js → webinar-m9nuFZBt.js} +2 -2
  624. package/dist/{yapily-logo-CZ4ywjwA.js → yapily-logo-BduxhNRA.js} +2 -2
  625. package/package.json +88 -56
  626. package/dist/Card-BHab7Kyt.js +0 -82
  627. package/dist/ConstitutionalDocument--Z--xpF7.js +0 -143
  628. package/dist/CountryField-BIYJvEAW.js +0 -843
  629. package/dist/CreateIndividualComponent-3t1p_6gB.js +0 -71
  630. package/dist/EntityAssociation-0B8bfpR4.js +0 -159
  631. package/dist/IndividualOnfido-BxhmIQwc.js +0 -9662
  632. package/dist/IndividualOnfidoDropin-Cy08-w8F.js +0 -2575
  633. package/dist/OnboardingDropinComponent-Cu2pv74K.js +0 -7623
  634. package/dist/RootBusinessDetailsPage-ChobUam3.js +0 -49
  635. package/dist/StoreProvider-DTMSAVgy.js +0 -7707
  636. package/dist/TrustMemberCompanyPage-DwVARA6c.js +0 -64
  637. package/dist/da-DK-CrtuBoDC.js +0 -118
  638. package/dist/da-DK-uHPPFvD-.js +0 -13
  639. package/dist/de-DE-SMf6w4NJ.js +0 -13
  640. package/dist/de-DE-mH3MobT9.js +0 -13
  641. package/dist/en-US-d4WBvUW7.js +0 -118
  642. package/dist/es-ES-BqpvBqmR.js +0 -13
  643. package/dist/es-ES-CnyVffM-.js +0 -118
  644. package/dist/fi-FI-DPegZzTc.js +0 -13
  645. package/dist/fi-FI-kXC-0USa.js +0 -118
  646. package/dist/fr-FR-6YOKsDLQ.js +0 -13
  647. package/dist/fr-FR-BPGwsLDa.js +0 -13
  648. package/dist/getFieldsWithExistingData-D6K7_vTh.js +0 -22
  649. package/dist/hasDataChanged-6p9Ib-IH.js +0 -19
  650. package/dist/id-verification-instant-BUVBO4R3.js +0 -58
  651. package/dist/id-verification-manual-B3YZALYU.js +0 -55
  652. package/dist/it-IT-B1eJg9RL.js +0 -13
  653. package/dist/it-IT-DyCHFg-b.js +0 -118
  654. package/dist/ja-JP-PnqAHl14.js +0 -13
  655. package/dist/mapFinancialReportsToFinancialInformation-CeqxQKYv.js +0 -67
  656. package/dist/mapJpAddressSchemaToAddressLocalizations-C22nFO39.js +0 -63
  657. package/dist/nl-NL-DkbhmJAw.js +0 -118
  658. package/dist/nl-NL-cVVIDG7s.js +0 -13
  659. package/dist/no-NO-C_tmZ39d.js +0 -13
  660. package/dist/no-NO-Df5qUoTc.js +0 -118
  661. package/dist/pt-BR-BOOm5lRR.js +0 -118
  662. package/dist/pt-BR-CMiGlY3k.js +0 -13
  663. package/dist/resolveEnvironment-DV8jSeQ4.js +0 -164
  664. package/dist/rules-Cu3mKCzh.js +0 -317
  665. package/dist/sl-SI-C3nGkfNb.js +0 -13
  666. package/dist/sl-SI-CGvCdquD.js +0 -118
  667. package/dist/sv-SE-BP2Oun8l.js +0 -118
  668. package/dist/sv-SE-CXn28ybc.js +0 -13
  669. package/dist/types/components/Business/tasks/BusinessDetailsDropin/mandatoryFields.d.ts +0 -3
  670. package/dist/types/components/Individual/fields/DecisionMakerRole/DecisionMakerRole.d.ts +0 -3
  671. package/dist/types/components/Individual/fields/DecisionMakerRole/NomineeDecisionMakerRole.d.ts +0 -10
  672. package/dist/types/components/Individual/fields/DecisionMakerRole/types.d.ts +0 -23
  673. package/dist/types/components/Individual/fields/NameFields/validate.d.ts +0 -4
  674. package/dist/types/components/Individual/forms/Individual/IdDocumentUpload/IdDocumentAlreadyUpload.d.ts +0 -2
  675. package/dist/types/components/Individual/forms/Individual/IdDocumentUpload/IdDocumentInstantVerification.d.ts +0 -3
  676. package/dist/types/components/Individual/forms/Individual/IdDocumentUpload/IdDocumentUpload.d.ts +0 -3
  677. package/dist/types/components/Individual/forms/Individual/IdVerificationMethod/IdVerificationMethod.d.ts +0 -3
  678. package/dist/types/components/Individual/forms/Individual/IdVerificationMethod/idVerificationMethodMetadata.d.ts +0 -15
  679. package/dist/types/components/Individual/forms/Individual/IdVerificationMethod/types.d.ts +0 -14
  680. package/dist/types/components/Individual/forms/Individual/Individual.d.ts +0 -9
  681. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/Identity.d.ts +0 -2
  682. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityAu/IdentityAu.d.ts +0 -2
  683. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityAu/validate.d.ts +0 -3
  684. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityHK/IdentityHK.d.ts +0 -2
  685. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityHK/validate.d.ts +0 -3
  686. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityNZ/IdentityNZ.d.ts +0 -2
  687. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/IdentityNZ/validate.d.ts +0 -3
  688. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/TypeOfIdentity/index.d.ts +0 -11
  689. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/identityUS/IdentityUS.d.ts +0 -4
  690. package/dist/types/components/Individual/forms/Individual/PersonalDetails/Identity/types.d.ts +0 -14
  691. package/dist/types/components/Individual/forms/Individual/PersonalDetails/PersonalDetails.d.ts +0 -3
  692. package/dist/types/components/Individual/forms/Individual/PersonalDetails/types.d.ts +0 -41
  693. package/dist/types/components/Individual/forms/Individual/PersonalDetails/validate.d.ts +0 -21
  694. package/dist/types/components/Individual/forms/Individual/rules.d.ts +0 -40
  695. package/dist/types/components/Individual/forms/Individual/types.d.ts +0 -51
  696. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/AdditionalPersonalDetails.types.d.ts +0 -29
  697. package/dist/types/components/Individual/forms/IndividualOnfido/AdditionalPersonalDetails/Identity/validate.d.ts +0 -4
  698. package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/BasicDetails.types.d.ts +0 -22
  699. package/dist/types/components/Individual/forms/IndividualOnfido/BasicDetails/validate.d.ts +0 -6
  700. package/dist/types/components/Individual/forms/IndividualOnfido/IdNowVerificationModal/isIdNowModalOpen.d.ts +0 -17
  701. package/dist/types/components/Individual/forms/IndividualOnfido/IdVerificationMethod/mapExtractionResultToSchema.d.ts +0 -4
  702. package/dist/types/components/Individual/helpers/isOnfidoAutofillFlowEnabled.d.ts +0 -4
  703. package/dist/types/components/Individual/mapping/adjustIdentificationData.d.ts +0 -3
  704. package/dist/types/components/Individual/mapping/getIdentityTypeToApiIdentityTypeMap.d.ts +0 -3
  705. package/dist/types/components/Individual/mapping/individualOnfidoKeyMappings.d.ts +0 -8
  706. package/dist/types/components/Individual/mapping/mapIndividualToLegalEntity.d.ts +0 -3
  707. package/dist/types/components/Individual/mapping/mapLegalEntityToIndividual.d.ts +0 -3
  708. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/IndividualOnfidoDropin.d.ts +0 -2
  709. package/dist/types/components/Individual/tasks/IndividualOnfidoDropin/individualOnfidoFormConfig.d.ts +0 -4
  710. package/dist/types/components/Shared/forms/BusinessTypeSelection/EntityTypeRadioGroupCard.d.ts +0 -11
  711. package/dist/types/components/ui/molecules/Card/Card.d.ts +0 -3
  712. package/dist/types/components/ui/molecules/Card/types.d.ts +0 -26
  713. package/dist/types/embeds/EmbedBaseElement.d.ts +0 -41
  714. package/dist/types/embeds/EmbedCore.d.ts +0 -22
  715. package/dist/types/embeds/business-financing/AdyenBusinessFinancing.d.ts +0 -14
  716. package/dist/types/embeds/individual-configuration/AdyenIndividual.d.ts +0 -12
  717. package/dist/types/embeds/individual-status/AdyenManageIndividual.d.ts +0 -12
  718. package/dist/types/embeds/onboarding/AdyenOnboarding.d.ts +0 -12
  719. package/dist/types/embeds/terms-of-service-management/AdyenTermsOfService.d.ts +0 -12
  720. package/dist/types/embeds/terms-of-service-status/AdyenManageTermsOfService.d.ts +0 -12
  721. package/dist/types/embeds/transfer-instrument-configuration/AdyenTransferInstrument.d.ts +0 -16
  722. package/dist/types/embeds/transfer-instrument-management/AdyenManageTransferInstrument.d.ts +0 -14
  723. package/dist/types/embeds/verification-status/AdyenVerificationStatus.d.ts +0 -20
  724. package/dist/useBusinessDetailsData-kMDQy2r1.js +0 -2441
  725. package/dist/useDataset-D1R4kueP.js +0 -220
  726. package/dist/useUpdateBusinessLines-DWsML109.js +0 -46
  727. package/dist/validate-C4R1LPcu.js +0 -41
  728. /package/dist/types/components/{Shared → Apps}/tasks/TaskList/PayoutAccountTaskListItem.d.ts +0 -0
  729. /package/dist/types/components/{Shared → Apps}/tasks/TaskList/TaskList.d.ts +0 -0
  730. /package/dist/types/components/{Shared → Apps}/tasks/TaskList/TaskListGroup.d.ts +0 -0
  731. /package/dist/types/components/{Shared → Apps}/tasks/TaskList/TaskListItem.d.ts +0 -0
  732. /package/dist/types/components/{Shared → Apps}/tasks/TaskList/types.d.ts +0 -0
  733. /package/dist/types/components/{Shared → Business}/forms/FinancialInformation/FinancialInformation.d.ts +0 -0
  734. /package/dist/types/components/{Shared → Business}/forms/FinancialInformation/ReportedValue.d.ts +0 -0
  735. /package/dist/types/components/{Shared → Business}/forms/FinancialInformation/types.d.ts +0 -0
  736. /package/dist/types/components/{Shared → Business}/forms/FinancialInformation/validate.d.ts +0 -0
  737. /package/dist/types/components/Individual/forms/{IndividualOnfido/AdditionalPersonalDetails → AdditionalPersonalDetails}/AdditionalPersonalDetails.d.ts +0 -0
  738. /package/dist/types/components/Individual/forms/{IndividualOnfido/AdditionalPersonalDetails → AdditionalPersonalDetails}/Identity/Identity.d.ts +0 -0
  739. /package/dist/types/components/Individual/forms/{IndividualOnfido/BasicDetails → BasicDetails}/BasicDetails.d.ts +0 -0
  740. /package/dist/types/components/Individual/forms/{IndividualOnfido/GuidanceQuestion → GuidanceQuestion}/GuidanceQuestion.d.ts +0 -0
  741. /package/dist/types/components/Individual/forms/{Individual/IdDocumentUpload → IdDocumentUpload}/IdDocumentManualUpload.d.ts +0 -0
  742. /package/dist/types/components/Individual/forms/{IndividualOnfido/IdNowVerificationModal → IdNowVerificationModal}/IdNowVerificationModal.d.ts +0 -0
  743. /package/dist/types/components/Individual/forms/{Individual/IdVerification → IdVerification}/IdVerification.d.ts +0 -0
  744. /package/dist/types/components/Individual/forms/{Individual/IdVerification → IdVerification}/idVerificationProviderId.d.ts +0 -0
  745. /package/dist/types/components/Individual/forms/{Individual/IdVerification → IdVerification}/types.d.ts +0 -0
  746. /package/dist/types/components/Individual/forms/{IndividualOnfido/IdVerificationMethod → IdVerificationMethod}/IdVerificationMethod.d.ts +0 -0
  747. /package/dist/types/components/Individual/forms/{IndividualOnfido/ManualIdUpload → ManualIdUpload}/ManualIdUpload.d.ts +0 -0
  748. /package/dist/types/components/Individual/forms/{Individual/ProofOfRelationship → ProofOfRelationship}/index.d.ts +0 -0
  749. /package/dist/types/components/Individual/forms/{Individual/ProofOfResidency → ProofOfResidency}/ProofOfResidency.d.ts +0 -0
  750. /package/dist/types/components/Individual/forms/{IndividualOnfido/SignatoryQuestionnaire → SignatoryQuestionnaire}/SignatoryQuestionnaire.d.ts +0 -0
  751. /package/dist/types/components/Individual/forms/{IndividualOnfido/SignatoryQuestionnaire → SignatoryQuestionnaire}/SignatoryQuestionnaireModalContent.d.ts +0 -0
  752. /package/dist/types/components/Individual/forms/{IndividualOnfido/UboQuestionnaire → UboQuestionnaire}/UboQuestionnaire.d.ts +0 -0
  753. /package/dist/types/components/Individual/tasks/{IndividualOnfidoDropin/IndividualOnfidoStore.d.ts → IndividualDropin/IndividualStore.d.ts} +0 -0
  754. /package/dist/types/components/{Individual → Shared}/fields/LocalizedNameFields/LocalizedNameFields.d.ts +0 -0
package/dist/style.css CHANGED
@@ -192,23 +192,27 @@
192
192
  transform: rotate(360deg);
193
193
  }
194
194
  }
195
- .adyen-kyc-icon {
195
+ .adyen-kyc-svg-icon {
196
196
  color: inherit;
197
197
  display: inline-flex;
198
198
  vertical-align: baseline;
199
199
  min-height: 16px;
200
200
  min-width: 16px;
201
201
  }
202
- .adyen-kyc-icon svg {
202
+
203
+ .adyen-kyc-svg-icon svg {
204
+ /* for safari */
203
205
  height: 100%;
204
206
  }
205
- .adyen-kyc-icon svg path {
207
+
208
+ .adyen-kyc-svg-icon svg path {
206
209
  fill: currentColor;
207
210
  }
208
211
 
209
- .adyen-kyc-image {
212
+ .adyen-kyc-svg-image {
210
213
  display: inline-block;
211
- }.adyen-kyc-button {
214
+ }
215
+ .adyen-kyc-button {
212
216
  border: 1px solid transparent;
213
217
  box-sizing: border-box;
214
218
  cursor: pointer;
@@ -1050,6 +1054,7 @@
1050
1054
  /* Topmost/root container class */
1051
1055
  .adyen-kyc-ui-element-container-wrapper {
1052
1056
  width: 100%;
1057
+ overflow: auto;
1053
1058
  /**
1054
1059
  * main container query, used similarly to a @media query
1055
1060
  * considering our Component can be embedded in a container of arbitrary size
@@ -1405,6 +1410,37 @@
1405
1410
  --adyen-internal-z-index-local-tier-2: var(--adyen-sdk-z-index-local-tier-2, 2);
1406
1411
  --adyen-internal-z-index-local-tier-3: var(--adyen-sdk-z-index-local-tier-3, 3);
1407
1412
  --adyen-internal-z-index-local-tier-4: var(--adyen-sdk-z-index-local-tier-4, 4);
1413
+ /** Setting font-family by default to inherit, unless specified otherwise */
1414
+ --adyen-internal-text-rich-text-code-font-family: var(
1415
+ --adyen-sdk-text-rich-text-code-font-family,
1416
+ inherit
1417
+ );
1418
+ --adyen-internal-text-caption-font-family: var(--adyen-sdk-text-caption-font-family, inherit);
1419
+ --adyen-internal-text-caption-font-family-secondary: var(
1420
+ --adyen-sdk-text-caption-font-family-secondary,
1421
+ inherit
1422
+ );
1423
+ --adyen-internal-text-body-font-family: var(--adyen-sdk-text-body-font-family, inherit);
1424
+ --adyen-internal-text-body-font-family-secondary: var(
1425
+ --adyen-sdk-text-body-font-family-secondary,
1426
+ inherit
1427
+ );
1428
+ --adyen-internal-text-subtitle-font-family: var(--adyen-sdk-text-subtitle-font-family, inherit);
1429
+ --adyen-internal-text-title-font-family: var(--adyen-sdk-text-title-font-family, inherit);
1430
+ --adyen-internal-text-title-font-family-secondary: var(
1431
+ --adyen-sdk-text-title-font-family-secondary,
1432
+ inherit
1433
+ );
1434
+ --adyen-internal-text-title-m-font-family: var(--adyen-sdk-text-title-m-font-family, inherit);
1435
+ --adyen-internal-text-title-m-font-family-secondary: var(
1436
+ --adyen-sdk-text-title-m-font-family-secondary,
1437
+ inherit
1438
+ );
1439
+ --adyen-internal-text-title-l-font-family: var(--adyen-sdk-text-title-l-font-family, inherit);
1440
+ --adyen-internal-text-title-l-font-family-secondary: var(
1441
+ --adyen-sdk-text-title-l-font-family-secondary,
1442
+ inherit
1443
+ );
1408
1444
  --adyen-internal-tap-target: 44px;
1409
1445
  --adyen-internal-border-default-s: var(--adyen-internal-border-width-s) solid
1410
1446
  var(--adyen-internal-color-outline-primary);
@@ -1423,6 +1459,12 @@
1423
1459
  position: absolute;
1424
1460
  white-space: nowrap;
1425
1461
  width: 1px;
1462
+ }
1463
+
1464
+ fieldset {
1465
+ border: none;
1466
+ padding: 0;
1467
+ margin: 0;
1426
1468
  }.adyen-kyc-checkbox__label {
1427
1469
  color: var(--adyen-internal-color-label-primary, #001222);
1428
1470
  cursor: pointer;
@@ -1497,7 +1539,111 @@
1497
1539
  top: 0;
1498
1540
  width: calc(var(--adyen-internal-text-body-font-size, 14px) + 2px);
1499
1541
  z-index: 0;
1500
- }/* for container queries */
1542
+ }.adyen-kyc-field {
1543
+ display: block;
1544
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
1545
+ width: 100%;
1546
+ }
1547
+ .adyen-kyc-field--disabled {
1548
+ color: var(--adyen-internal-color-label-disabled, #8c959d);
1549
+ opacity: 0.5;
1550
+ pointer-events: none;
1551
+ }
1552
+
1553
+ .adyen-kyc-optional-label {
1554
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1555
+ }
1556
+
1557
+ .adyen-kyc-label__text {
1558
+ color: var(--adyen-internal-color-label-primary, #001222);
1559
+ display: block;
1560
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
1561
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
1562
+ transition: color 0.1s ease-out;
1563
+ }
1564
+
1565
+ .adyen-kyc-helper-text {
1566
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1567
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
1568
+ font-family: var(--adyen-internal-text-caption-font-family);
1569
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1570
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
1571
+ display: flex;
1572
+ align-items: center;
1573
+ }
1574
+ .adyen-kyc-helper-text__above {
1575
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
1576
+ }
1577
+ .adyen-kyc-helper-text__below {
1578
+ margin-top: var(--adyen-internal-spacer-020, 4px);
1579
+ }
1580
+ .adyen-kyc-helper-text__valid-format-check {
1581
+ color: var(--adyen-internal-color-label-success, #008845);
1582
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
1583
+ font-family: var(--adyen-internal-text-title-font-family);
1584
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
1585
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
1586
+ display: inline-flex;
1587
+ }
1588
+
1589
+ .adyen-kyc-label__text--error {
1590
+ color: var(--adyen-internal-color-label-critical, #dc3801);
1591
+ }
1592
+
1593
+ .adyen-kyc-error-text {
1594
+ align-items: center;
1595
+ color: var(--adyen-internal-color-label-critical, #dc3801);
1596
+ display: flex;
1597
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
1598
+ font-family: var(--adyen-internal-text-caption-font-family);
1599
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1600
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
1601
+ margin-top: var(--adyen-internal-spacer-020, 4px);
1602
+ position: relative;
1603
+ }
1604
+
1605
+ .adyen-kyc-guidance-text {
1606
+ align-items: center;
1607
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
1608
+ display: flex;
1609
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
1610
+ font-family: var(--adyen-internal-text-caption-font-family);
1611
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1612
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
1613
+ margin-top: var(--adyen-internal-spacer-020, 4px);
1614
+ position: relative;
1615
+ }
1616
+
1617
+ .adyen-kyc-upload-field__guidance {
1618
+ display: flex;
1619
+ flex-direction: column;
1620
+ }
1621
+ .adyen-kyc-upload-field__subtitle {
1622
+ color: var(--adyen-internal-color-label-primary, #001222);
1623
+ margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
1624
+ }
1625
+
1626
+ .adyen-kyc-input-wrapper {
1627
+ display: block;
1628
+ position: relative;
1629
+ margin-top: var(--adyen-internal-spacer-040, 8px);
1630
+ }
1631
+ .adyen-kyc-input-wrapper--block {
1632
+ display: block;
1633
+ }.adyen-kyc-loader-wrapper-loader {
1634
+ display: none;
1635
+ height: 100%;
1636
+ left: 0;
1637
+ position: absolute;
1638
+ top: 0;
1639
+ width: 100%;
1640
+ z-index: 1;
1641
+ }
1642
+
1643
+ .adyen-kyc-loader-wrapper-loader-active {
1644
+ display: block;
1645
+ }
1646
+ /* for container queries */
1501
1647
  .adyen-kyc-modal {
1502
1648
  background-color: var(--adyen-internal-color-background-modal);
1503
1649
  border: var(--adyen-internal-spacer-000);
@@ -1662,110 +1808,22 @@
1662
1808
  gap: var(--adyen-internal-spacer-040);
1663
1809
  justify-content: flex-end;
1664
1810
  padding: var(--adyen-internal-spacer-070);
1665
- }.adyen-kyc-field {
1666
- display: block;
1667
- margin-bottom: var(--adyen-internal-spacer-090, 24px);
1668
- width: 100%;
1669
- }
1670
- .adyen-kyc-field--disabled {
1671
- color: var(--adyen-internal-color-label-disabled, #8c959d);
1672
- opacity: 0.5;
1673
- pointer-events: none;
1674
- }
1675
-
1676
- .adyen-kyc-optional-label {
1677
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1678
- }
1679
-
1680
- .adyen-kyc-label__text {
1681
- color: var(--adyen-internal-color-label-primary, #001222);
1682
- display: block;
1683
- font-size: var(--adyen-internal-text-body-font-size, 14px);
1684
- font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
1685
- transition: color 0.1s ease-out;
1686
- white-space: nowrap;
1687
- }
1688
-
1689
- .adyen-kyc-helper-text {
1690
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1691
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1692
- font-family: var(--adyen-internal-text-caption-font-family);
1693
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1694
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1695
- display: flex;
1696
- align-items: center;
1697
- }
1698
- .adyen-kyc-helper-text__above {
1699
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
1700
- }
1701
- .adyen-kyc-helper-text__below {
1702
- margin-top: var(--adyen-internal-spacer-020, 4px);
1703
- }
1704
- .adyen-kyc-helper-text__valid-format-check {
1705
- color: var(--adyen-internal-color-label-success, #008845);
1706
- font-size: var(--adyen-internal-text-title-font-size, 16px);
1707
- font-family: var(--adyen-internal-text-title-font-family);
1708
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
1709
- line-height: var(--adyen-internal-text-title-line-height, 26px);
1710
- display: inline-flex;
1711
- }
1712
-
1713
- .adyen-kyc-label__text--error {
1714
- color: var(--adyen-internal-color-label-critical, #dc3801);
1715
- }
1716
-
1717
- .adyen-kyc-error-text {
1718
- align-items: center;
1719
- color: var(--adyen-internal-color-label-critical, #dc3801);
1720
- display: flex;
1721
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1722
- font-family: var(--adyen-internal-text-caption-font-family);
1723
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1724
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1725
- margin-top: var(--adyen-internal-spacer-020, 4px);
1726
- position: relative;
1727
- }
1728
-
1729
- .adyen-kyc-guidance-text {
1730
- align-items: center;
1731
- color: var(--adyen-internal-color-label-secondary, #5c6874);
1732
- display: flex;
1733
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
1734
- font-family: var(--adyen-internal-text-caption-font-family);
1735
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
1736
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
1737
- margin-top: var(--adyen-internal-spacer-020, 4px);
1738
- position: relative;
1739
- }
1740
-
1741
- .adyen-kyc-upload-field__guidance {
1742
- display: flex;
1743
- flex-direction: column;
1744
- }
1745
- .adyen-kyc-upload-field__subtitle {
1746
- color: var(--adyen-internal-color-label-primary, #001222);
1747
- margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
1811
+ }.adyen-kyc-progress-bar {
1812
+ --adyen-progress-bar-size: 4px;
1813
+ background-color: var(--adyen-internal-color-background-secondary);
1814
+ height: var(--adyen-progress-bar-size);
1815
+ overflow: hidden;
1748
1816
  }
1749
1817
 
1750
- .adyen-kyc-input-wrapper {
1751
- display: block;
1752
- position: relative;
1753
- margin-top: var(--adyen-internal-spacer-040, 8px);
1754
- }
1755
- .adyen-kyc-input-wrapper--block {
1756
- display: block;
1757
- }.adyen-kyc-loader-wrapper-loader {
1758
- display: none;
1759
- height: 100%;
1760
- left: 0;
1761
- position: absolute;
1762
- top: 0;
1763
- width: 100%;
1764
- z-index: 1;
1818
+ .adyen-kyc-progress-bar-rounded {
1819
+ border-radius: calc(var(--adyen-progress-bar-size) / 2);
1765
1820
  }
1766
1821
 
1767
- .adyen-kyc-loader-wrapper-loader-active {
1768
- display: block;
1822
+ .adyen-kyc-progress-bar-indicator {
1823
+ background-color: var(--adyen-internal-color-background-inverse-primary);
1824
+ text-indent: -1000%;
1825
+ transition: width 400ms;
1826
+ overflow: hidden;
1769
1827
  }
1770
1828
  /* for container queries */
1771
1829
  .adyen-kyc-dropdown {
@@ -2069,24 +2127,7 @@
2069
2127
 
2070
2128
  .adyen-kyc-handle-pointer-events {
2071
2129
  pointer-events: auto;
2072
- }.adyen-kyc-progress-bar {
2073
- --adyen-progress-bar-size: 4px;
2074
- background-color: var(--adyen-internal-color-background-secondary);
2075
- height: var(--adyen-progress-bar-size);
2076
- overflow: hidden;
2077
- }
2078
-
2079
- .adyen-kyc-progress-bar-rounded {
2080
- border-radius: calc(var(--adyen-progress-bar-size) / 2);
2081
- }
2082
-
2083
- .adyen-kyc-progress-bar-indicator {
2084
- background-color: var(--adyen-internal-color-background-inverse-primary);
2085
- text-indent: -1000%;
2086
- transition: width 400ms;
2087
- overflow: hidden;
2088
- }
2089
- .adyen-kyc-end-state-layout {
2130
+ }.adyen-kyc-end-state-layout {
2090
2131
  align-items: center;
2091
2132
  display: flex;
2092
2133
  flex-direction: column;
@@ -2472,16 +2513,73 @@
2472
2513
  }
2473
2514
  }
2474
2515
  /* for container queries */
2475
- .adyen-kyc-status {
2476
- align-items: center;
2477
- border-radius: var(--adyen-internal-border-radius-xl);
2478
- display: inline-flex;
2479
- padding: var(--adyen-internal-spacer-020);
2516
+ .adyen-kyc-stack-layout {
2517
+ display: flex;
2518
+ flex-direction: column;
2480
2519
  }
2481
2520
 
2482
- .adyen-kyc-status-icon {
2483
- height: 18px;
2484
- width: 18px;
2521
+ .adyen-kyc-stack-layout-gap-xs {
2522
+ gap: var(--adyen-internal-spacer-020);
2523
+ }
2524
+
2525
+ .adyen-kyc-stack-layout-gap-s {
2526
+ gap: var(--adyen-internal-spacer-040);
2527
+ }
2528
+
2529
+ .adyen-kyc-stack-layout-gap-m {
2530
+ gap: var(--adyen-internal-spacer-070);
2531
+ }
2532
+
2533
+ .adyen-kyc-stack-layout-gap-l {
2534
+ gap: var(--adyen-internal-spacer-100);
2535
+ }
2536
+
2537
+ .adyen-kyc-stack-layout-gap-xl {
2538
+ gap: var(--adyen-internal-spacer-140);
2539
+ }
2540
+
2541
+ .adyen-kyc-stack-layout-left {
2542
+ align-items: flex-start;
2543
+ }
2544
+
2545
+ .adyen-kyc-stack-layout-center {
2546
+ align-items: center;
2547
+ }
2548
+
2549
+ .adyen-kyc-stack-layout-right {
2550
+ align-items: flex-end;
2551
+ }
2552
+
2553
+ .adyen-kyc-stack-layout-item {
2554
+ flex-grow: 1;
2555
+ width: 100%;
2556
+ }
2557
+
2558
+ @container main (min-width: 480px) {
2559
+ .adyen-kyc-stack-layout-horizontal {
2560
+ align-items: flex-start;
2561
+ flex-direction: row;
2562
+ }
2563
+ .adyen-kyc-stack-layout-left-horizontal {
2564
+ justify-content: flex-start;
2565
+ }
2566
+ .adyen-kyc-stack-layout-center-horizontal {
2567
+ justify-content: center;
2568
+ }
2569
+ .adyen-kyc-stack-layout-right-horizontal {
2570
+ justify-content: flex-end;
2571
+ }
2572
+ }/* for container queries */
2573
+ .adyen-kyc-status {
2574
+ align-items: center;
2575
+ border-radius: var(--adyen-internal-border-radius-xl);
2576
+ display: inline-flex;
2577
+ padding: var(--adyen-internal-spacer-020);
2578
+ }
2579
+
2580
+ .adyen-kyc-status-icon {
2581
+ height: 18px;
2582
+ width: 18px;
2485
2583
  padding: 1px;
2486
2584
  }
2487
2585
 
@@ -2537,6 +2635,350 @@
2537
2635
  .adyen-kyc-status-success .adyen-kyc-status-icon {
2538
2636
  color: var(--adyen-internal-color-label-success);
2539
2637
  fill: var(--adyen-internal-color-label-success);
2638
+ }.adyen-kyc-header {
2639
+ display: flex;
2640
+ flex-direction: column;
2641
+ gap: var(--adyen-internal-spacer-070);
2642
+ }
2643
+
2644
+ .adyen-kyc-header-margin {
2645
+ margin-bottom: var(--adyen-internal-spacer-140);
2646
+ }
2647
+
2648
+ .adyen-kyc-header-margin-secondary {
2649
+ margin-bottom: var(--adyen-internal-spacer-100);
2650
+ }
2651
+
2652
+ .adyen-kyc-header-left {
2653
+ align-items: flex-start;
2654
+ text-align: left;
2655
+ }
2656
+
2657
+ .adyen-kyc-header-center {
2658
+ align-items: center;
2659
+ text-align: center;
2660
+ }
2661
+
2662
+ .adyen-kyc-header-right {
2663
+ align-items: flex-end;
2664
+ text-align: right;
2665
+ }
2666
+
2667
+ .adyen-kyc-header-content {
2668
+ display: flex;
2669
+ flex-direction: column;
2670
+ gap: var(--adyen-internal-spacer-040);
2671
+ }
2672
+
2673
+ .adyen-kyc-header-actions {
2674
+ max-width: 300px;
2675
+ }
2676
+
2677
+ .adyen-kyc-header-title {
2678
+ color: var(--adyen-internal-color-label-primary);
2679
+ margin: 0;
2680
+ }
2681
+
2682
+ .adyen-kyc-header-title-primary {
2683
+ font-size: var(--adyen-internal-text-title-l-font-size);
2684
+ font-family: var(--adyen-internal-text-title-l-font-family);
2685
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
2686
+ line-height: var(--adyen-internal-text-title-l-line-height);
2687
+ }
2688
+
2689
+ .adyen-kyc-header-title-secondary {
2690
+ font-size: var(--adyen-internal-text-title-font-size);
2691
+ font-family: var(--adyen-internal-text-title-font-family);
2692
+ font-weight: var(--adyen-internal-text-title-font-weight);
2693
+ }
2694
+
2695
+ .adyen-kyc-header-description {
2696
+ font-size: var(--adyen-internal-text-body-font-size);
2697
+ font-family: var(--adyen-internal-text-body-font-family);
2698
+ font-weight: var(--adyen-internal-text-body-font-weight);
2699
+ line-height: var(--adyen-internal-text-body-line-height);
2700
+ }
2701
+
2702
+ .adyen-kyc-header-description-primary {
2703
+ color: var(--adyen-internal-color-label-primary);
2704
+ }
2705
+
2706
+ .adyen-kyc-header-description-secondary {
2707
+ color: var(--adyen-internal-color-label-secondary);
2708
+ }
2709
+ .adyen-kyc-list {
2710
+ display: flex;
2711
+ flex-direction: column;
2712
+ gap: var(--adyen-internal-spacer-040);
2713
+ width: 100%;
2714
+ }
2715
+
2716
+ .adyen-kyc-list-header {
2717
+ color: var(--adyen-internal-color-label-secondary);
2718
+ font-size: var(--adyen-internal-text-body-stronger-font-size);
2719
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight);
2720
+ line-height: var(--adyen-internal-text-body-line-height);
2721
+ }
2722
+
2723
+ .adyen-kyc-list-footer {
2724
+ color: var(--adyen-internal-color-label-tertiary);
2725
+ font-size: var(--adyen-internal-text-caption-font-size);
2726
+ font-weight: var(--adyen-internal-text-caption-font-weight);
2727
+ line-height: var(--adyen-internal-text-caption-line-height);
2728
+ }
2729
+
2730
+ .adyen-kyc-list-items {
2731
+ list-style: none;
2732
+ margin: 0 !important;
2733
+ }
2734
+
2735
+ .adyen-kyc-list-items-plain {
2736
+ padding: 0 !important;
2737
+ }
2738
+
2739
+ .adyen-kyc-list-items-grouped-primary {
2740
+ background-color: var(--adyen-internal-color-background-primary);
2741
+ border: 1px solid var(--adyen-internal-color-outline-primary);
2742
+ border-radius: var(--adyen-internal-border-radius-l);
2743
+ }
2744
+
2745
+ .adyen-kyc-list-items-grouped-secondary {
2746
+ background-color: var(--adyen-internal-color-background-secondary);
2747
+ border-radius: var(--adyen-internal-border-radius-l);
2748
+ }
2749
+
2750
+ .adyen-kyc-list-items-padding-none {
2751
+ padding: var(--adyen-internal-spacer-000) !important;
2752
+ }
2753
+
2754
+ .adyen-kyc-list-items-padding-small {
2755
+ padding: var(--adyen-internal-spacer-040) !important;
2756
+ }
2757
+
2758
+ .adyen-kyc-list-items-padding-medium {
2759
+ padding: var(--adyen-internal-spacer-070) !important;
2760
+ }
2761
+
2762
+ .adyen-kyc-list-items-padding-large {
2763
+ padding: var(--adyen-internal-spacer-090) !important;
2764
+ }
2765
+
2766
+ .adyen-kyc-list-item-row-separator:not(:last-child) {
2767
+ border-bottom: 1px solid var(--adyen-internal-color-outline-primary);
2768
+ margin-bottom: var(--adyen-internal-spacer-040);
2769
+ padding-bottom: var(--adyen-internal-spacer-040);
2770
+ }
2771
+ /* for container queries */
2772
+ .adyen-kyc-structured-list {
2773
+ margin: var(--adyen-internal-spacer-000, 0px);
2774
+ color: var(--adyen-internal-color-label-primary, #001222);
2775
+ }
2776
+ .adyen-kyc-structured-list-section-field {
2777
+ display: flex;
2778
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2779
+ margin-bottom: var(--adyen-internal-spacer-060, 12px);
2780
+ }
2781
+ @container main (max-width: 680px) {
2782
+ .adyen-kyc-structured-list-section-field {
2783
+ flex-direction: column;
2784
+ }
2785
+ }
2786
+ .adyen-kyc-structured-list-section-field:last-child {
2787
+ margin-bottom: var(--adyen-internal-spacer-000, 0px);
2788
+ }
2789
+ .adyen-kyc-structured-list-section-label, .adyen-kyc-structured-list-section-data {
2790
+ display: flex;
2791
+ flex: 1;
2792
+ }
2793
+ .adyen-kyc-structured-list-section-label {
2794
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2795
+ }
2796
+ .adyen-kyc-structured-list-section-data {
2797
+ margin: var(--adyen-internal-spacer-000, 0px);
2798
+ display: flex;
2799
+ flex-direction: column;
2800
+ width: 100%;
2801
+ overflow-wrap: anywhere;
2802
+ }
2803
+ @container main (max-width: 680px) {
2804
+ .adyen-kyc-structured-list-section-data {
2805
+ margin-top: var(--adyen-internal-spacer-010, 2px);
2806
+ }
2807
+ }
2808
+ .adyen-kyc-structured-list-section-detail {
2809
+ margin: var(--adyen-internal-spacer-000, 0px);
2810
+ }.adyen-kyc-error-panel {
2811
+ margin-bottom: var(--adyen-internal-spacer-080);
2812
+ }
2813
+ /* for container queries */
2814
+ .adyen-kyc-summary {
2815
+ display: flex;
2816
+ color: var(--adyen-internal-color-label-primary, #001222);
2817
+ flex-direction: column;
2818
+ }
2819
+
2820
+ .adyen-kyc-summary-content {
2821
+ display: flex;
2822
+ flex-direction: column;
2823
+ gap: var(--adyen-internal-spacer-070, 16px);
2824
+ }
2825
+
2826
+ .adyen-kyc-summary-list {
2827
+ display: flex;
2828
+ flex-direction: column;
2829
+ gap: var(--adyen-internal-spacer-070, 16px);
2830
+ padding-bottom: var(--adyen-internal-spacer-070, 16px);
2831
+ padding-top: var(--adyen-internal-spacer-070, 16px);
2832
+ }
2833
+ @container main (min-width: 680px) {
2834
+ .adyen-kyc-summary-list {
2835
+ gap: var(--adyen-internal-spacer-040, 8px);
2836
+ }
2837
+ }
2838
+
2839
+ .adyen-kyc-summary-list-header {
2840
+ display: flex;
2841
+ align-items: center;
2842
+ }
2843
+
2844
+ .adyen-kyc-summary-list-header-title {
2845
+ color: var(--adyen-internal-color-label-primary, #001222);
2846
+ flex-grow: 1;
2847
+ font-size: var(--adyen-internal-text-title-font-size, 16px);
2848
+ font-weight: var(--adyen-internal-text-title-font-weight, 600);
2849
+ line-height: var(--adyen-internal-text-title-line-height, 26px);
2850
+ margin: 0;
2851
+ }
2852
+
2853
+ .adyen-kyc-summary-list-item {
2854
+ display: flex;
2855
+ flex-direction: column;
2856
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
2857
+ gap: var(--adyen-internal-spacer-010, 2px);
2858
+ }
2859
+ @container main (min-width: 680px) {
2860
+ .adyen-kyc-summary-list-item {
2861
+ flex-direction: row;
2862
+ gap: var(--adyen-internal-spacer-040, 8px);
2863
+ }
2864
+ }
2865
+
2866
+ .adyen-kyc-summary-list-item-key {
2867
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2868
+ flex: 1;
2869
+ margin: 0;
2870
+ }
2871
+ @container main (min-width: 680px) {
2872
+ .adyen-kyc-summary-list-item-key {
2873
+ max-width: 40%;
2874
+ }
2875
+ }
2876
+
2877
+ .adyen-kyc-summary-list-item-value {
2878
+ flex: 1;
2879
+ margin: 0;
2880
+ text-align: left;
2881
+ }
2882
+
2883
+ .adyen-kyc-summary-content-legal-caption {
2884
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2885
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
2886
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2887
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
2888
+ padding-left: var(--adyen-internal-spacer-070, 16px);
2889
+ padding-right: var(--adyen-internal-spacer-070, 16px);
2890
+ }
2891
+ @media (prefers-contrast: more) or (prefers-reduced-transparency) {
2892
+ .adyen-kyc-summary-content-legal-caption {
2893
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
2894
+ }
2895
+ }
2896
+
2897
+ .adyen-kyc-summary-content-list {
2898
+ list-style-type: disc;
2899
+ }
2900
+
2901
+ .adyen-kyc-summary-content-logo {
2902
+ height: 28px;
2903
+ width: 100px;
2904
+ }/* for container queries */
2905
+ .adyen-kyc-confirm {
2906
+ display: flex;
2907
+ flex-direction: column;
2908
+ gap: var(--adyen-internal-spacer-100, 32px);
2909
+ padding: var(--adyen-internal-spacer-070, 16px);
2910
+ }
2911
+
2912
+ .adyen-kyc-confirm-message {
2913
+ display: flex;
2914
+ flex-direction: column;
2915
+ gap: var(--adyen-internal-spacer-040, 8px);
2916
+ }
2917
+
2918
+ .adyen-kyc-confirm-actions {
2919
+ display: flex;
2920
+ flex-direction: column-reverse;
2921
+ gap: var(--adyen-internal-spacer-040, 8px);
2922
+ }
2923
+ @media (min-width: 480px) {
2924
+ .adyen-kyc-confirm-actions {
2925
+ flex-direction: row;
2926
+ justify-content: flex-end;
2927
+ }
2928
+ }.adyen-kyc-form-flow {
2929
+ container-type: inline-size;
2930
+ width: 100%;
2931
+ min-height: 100%;
2932
+ }
2933
+
2934
+ .adyen-kyc-form-flow-content {
2935
+ margin: auto;
2936
+ max-width: 600px;
2937
+ min-height: calc(100% - 80px);
2938
+ padding: var(--adyen-internal-spacer-140, 64px) var(--adyen-internal-spacer-070, 16px);
2939
+ }
2940
+ @container (min-width: 399px) {
2941
+ .adyen-kyc-form-flow-content {
2942
+ padding-left: var(--adyen-internal-spacer-100, 32px);
2943
+ padding-right: var(--adyen-internal-spacer-100, 32px);
2944
+ }
2945
+ }
2946
+ @container (min-width: 599px) {
2947
+ .adyen-kyc-form-flow-content {
2948
+ padding-left: calc(var(--adyen-internal-spacer-070, 16px) * 2 + var(--adyen-internal-tap-target));
2949
+ padding-right: calc(var(--adyen-internal-spacer-070, 16px) * 2 + var(--adyen-internal-tap-target));
2950
+ }
2951
+ }
2952
+
2953
+ .adyen-kyc-form-flow-footer {
2954
+ background-color: var(--adyen-internal-color-background-primary);
2955
+ bottom: 0;
2956
+ height: 80px;
2957
+ position: sticky;
2958
+ z-index: 1;
2959
+ }
2960
+ @supports (backdrop-filter: blur(10px)) {
2961
+ .adyen-kyc-form-flow-footer {
2962
+ backdrop-filter: blur(10px);
2963
+ background-color: rgb(from var(--adyen-internal-color-background-primary) r g b/0.7);
2964
+ }
2965
+ }
2966
+
2967
+ .adyen-kyc-form-flow-footer-border {
2968
+ border-top: 1px solid var(--adyen-internal-color-outline-primary, #dadddf);
2969
+ }
2970
+
2971
+ .adyen-kyc-form-flow-actions {
2972
+ display: flex;
2973
+ gap: var(--adyen-internal-spacer-040, 8px);
2974
+ justify-content: space-between;
2975
+ padding: var(--adyen-internal-spacer-070, 16px);
2976
+ }
2977
+
2978
+ .adyen-kyc-form-flow-primary-actions {
2979
+ display: flex;
2980
+ gap: var(--adyen-internal-spacer-040, 8px);
2981
+ margin-left: auto;
2540
2982
  }/* for container queries */
2541
2983
  .adyen-kyc-field-wrapper {
2542
2984
  display: flex;
@@ -2618,10 +3060,6 @@
2618
3060
  width: 16px;
2619
3061
  top: var(--adyen-internal-spacer-080, 20px);
2620
3062
  }
2621
- .adyen-kyc-input__inline-validation--valid {
2622
- color: var(--adyen-internal-color-label-success, #008845);
2623
- display: none;
2624
- }
2625
3063
  .adyen-kyc-input__inline-validation--invalid {
2626
3064
  color: var(--adyen-internal-color-label-critical, #dc3801);
2627
3065
  }
@@ -2655,305 +3093,102 @@
2655
3093
  margin-left: var(--adyen-internal-spacer-040, 8px);
2656
3094
  }
2657
3095
  }/* for container queries */
2658
- .adyen-kyc-structured-list {
2659
- margin: var(--adyen-internal-spacer-000, 0px);
2660
- }
2661
- .adyen-kyc-structured-list-section-field {
2662
- display: flex;
2663
- font-size: var(--adyen-internal-text-body-font-size, 14px);
2664
- margin-bottom: var(--adyen-internal-spacer-060, 12px);
2665
- }
2666
- @container main (max-width: 680px) {
2667
- .adyen-kyc-structured-list-section-field {
2668
- flex-direction: column;
2669
- }
2670
- }
2671
- .adyen-kyc-structured-list-section-field:last-child {
2672
- margin-bottom: var(--adyen-internal-spacer-000, 0px);
2673
- }
2674
- .adyen-kyc-structured-list-section-label, .adyen-kyc-structured-list-section-data {
2675
- display: flex;
2676
- flex: 1;
2677
- }
2678
- .adyen-kyc-structured-list-section-label {
2679
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2680
- }
2681
- .adyen-kyc-structured-list-section-data {
2682
- margin: var(--adyen-internal-spacer-000, 0px);
2683
- display: flex;
2684
- flex-direction: column;
2685
- width: 100%;
2686
- overflow-wrap: anywhere;
2687
- }
2688
- @container main (max-width: 680px) {
2689
- .adyen-kyc-structured-list-section-data {
2690
- margin-top: var(--adyen-internal-spacer-010, 2px);
2691
- }
2692
- }
2693
- .adyen-kyc-structured-list-section-detail {
2694
- margin: var(--adyen-internal-spacer-000, 0px);
2695
- }/* for container queries */
2696
- .adyen-kyc-confirm {
2697
- display: flex;
2698
- flex-direction: column;
2699
- gap: var(--adyen-internal-spacer-100, 32px);
2700
- padding: var(--adyen-internal-spacer-070, 16px);
2701
- }
2702
-
2703
- .adyen-kyc-confirm-message {
2704
- display: flex;
2705
- flex-direction: column;
2706
- gap: var(--adyen-internal-spacer-040, 8px);
2707
- }
2708
-
2709
- .adyen-kyc-confirm-actions {
2710
- display: flex;
2711
- flex-direction: column-reverse;
2712
- gap: var(--adyen-internal-spacer-040, 8px);
2713
- }
2714
- @media (min-width: 480px) {
2715
- .adyen-kyc-confirm-actions {
2716
- flex-direction: row;
2717
- justify-content: flex-end;
2718
- }
2719
- }/* for container queries */
2720
- .adyen-kyc-stack-layout {
3096
+ .adyen-kyc-address__condensed-fields {
2721
3097
  display: flex;
2722
3098
  flex-direction: column;
3099
+ gap: 0;
2723
3100
  }
2724
-
2725
- .adyen-kyc-stack-layout-gap-xs {
2726
- gap: var(--adyen-internal-spacer-020);
2727
- }
2728
-
2729
- .adyen-kyc-stack-layout-gap-s {
2730
- gap: var(--adyen-internal-spacer-040);
2731
- }
2732
-
2733
- .adyen-kyc-stack-layout-gap-m {
2734
- gap: var(--adyen-internal-spacer-070);
2735
- }
2736
-
2737
- .adyen-kyc-stack-layout-gap-l {
2738
- gap: var(--adyen-internal-spacer-100);
2739
- }
2740
-
2741
- .adyen-kyc-stack-layout-gap-xl {
2742
- gap: var(--adyen-internal-spacer-140);
2743
- }
2744
-
2745
- .adyen-kyc-stack-layout-left {
2746
- align-items: flex-start;
2747
- }
2748
-
2749
- .adyen-kyc-stack-layout-center {
2750
- align-items: center;
2751
- }
2752
-
2753
- .adyen-kyc-stack-layout-right {
2754
- align-items: flex-end;
2755
- }
2756
-
2757
- .adyen-kyc-stack-layout-item {
2758
- flex-grow: 1;
2759
- width: 100%;
2760
- }
2761
-
2762
- @container main (min-width: 480px) {
2763
- .adyen-kyc-stack-layout-horizontal {
2764
- align-items: flex-start;
3101
+ @container main (min-width: 680px) and (max-width: 1024px) {
3102
+ .adyen-kyc-address__condensed-fields {
2765
3103
  flex-direction: row;
3104
+ gap: var(--adyen-internal-spacer-080, 20px);
2766
3105
  }
2767
- .adyen-kyc-stack-layout-left-horizontal {
2768
- justify-content: flex-start;
2769
- }
2770
- .adyen-kyc-stack-layout-center-horizontal {
2771
- justify-content: center;
3106
+ .adyen-kyc-address__condensed-fields > *:first-child {
3107
+ flex: 0 0 50%;
2772
3108
  }
2773
- .adyen-kyc-stack-layout-right-horizontal {
2774
- justify-content: flex-end;
3109
+ .adyen-kyc-address__condensed-fields > *:not(:first-child) {
3110
+ flex: 1;
2775
3111
  }
2776
- }.adyen-kyc-header {
2777
- display: flex;
2778
- flex-direction: column;
2779
- gap: var(--adyen-internal-spacer-070);
2780
- }
2781
-
2782
- .adyen-kyc-header-margin {
2783
- margin-bottom: var(--adyen-internal-spacer-140);
2784
- }
2785
-
2786
- .adyen-kyc-header-margin-secondary {
2787
- margin-bottom: var(--adyen-internal-spacer-100);
2788
- }
2789
-
2790
- .adyen-kyc-header-left {
2791
- align-items: flex-start;
2792
- text-align: left;
2793
- }
2794
-
2795
- .adyen-kyc-header-center {
2796
- align-items: center;
2797
- text-align: center;
2798
- }
2799
-
2800
- .adyen-kyc-header-right {
2801
- align-items: flex-end;
2802
- text-align: right;
2803
3112
  }
2804
3113
 
2805
- .adyen-kyc-header-content {
3114
+ .adyen-kyc-search-address {
2806
3115
  display: flex;
2807
3116
  flex-direction: column;
2808
- gap: var(--adyen-internal-spacer-040);
2809
- }
2810
-
2811
- .adyen-kyc-header-actions {
2812
- max-width: 300px;
2813
- }
2814
-
2815
- .adyen-kyc-header-title {
2816
- color: var(--adyen-internal-color-label-primary);
2817
- margin: 0;
2818
- }
2819
-
2820
- .adyen-kyc-header-title-primary {
2821
- font-size: var(--adyen-internal-text-title-l-font-size);
2822
- font-family: var(--adyen-internal-text-title-l-font-family);
2823
- font-weight: var(--adyen-internal-text-title-l-font-weight);
2824
- line-height: var(--adyen-internal-text-title-l-line-height);
2825
- }
2826
-
2827
- .adyen-kyc-header-title-secondary {
2828
- font-size: var(--adyen-internal-text-title-font-size);
2829
- font-family: var(--adyen-internal-text-title-font-family);
2830
- font-weight: var(--adyen-internal-text-title-font-weight);
2831
- }
2832
-
2833
- .adyen-kyc-header-description {
2834
- font-size: var(--adyen-internal-text-body-font-size);
2835
- font-family: var(--adyen-internal-text-body-font-family);
2836
- font-weight: var(--adyen-internal-text-body-font-weight);
2837
- line-height: var(--adyen-internal-text-body-line-height);
2838
- }
2839
-
2840
- .adyen-kyc-header-description-primary {
2841
- color: var(--adyen-internal-color-label-primary);
3117
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
2842
3118
  }
2843
3119
 
2844
- .adyen-kyc-header-description-secondary {
2845
- color: var(--adyen-internal-color-label-secondary);
2846
- }
2847
- .adyen-kyc-list {
3120
+ .adyen-kyc-search-address--below {
3121
+ align-items: start;
3122
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
2848
3123
  display: flex;
2849
- flex-direction: column;
2850
- gap: var(--adyen-internal-spacer-040, 8px);
2851
- width: 100%;
3124
+ justify-content: space-between;
2852
3125
  }
2853
3126
 
2854
- .adyen-kyc-list-header {
2855
- color: var(--adyen-internal-color-label-secondary, #5c6874);
2856
- font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
2857
- line-height: var(--adyen-internal-text-body-line-height, 20px);
3127
+ .adyen-kyc-search-address--below-location {
3128
+ display: flex;
3129
+ width: 65%;
3130
+ align-items: center;
2858
3131
  }
2859
-
2860
- .adyen-kyc-list-footer {
3132
+ .adyen-kyc-search-address--below-location .svg-icon {
3133
+ display: flex;
2861
3134
  color: var(--adyen-internal-color-label-tertiary, #8c959d);
2862
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
2863
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
2864
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
2865
- }
2866
-
2867
- .adyen-kyc-list-items {
2868
- list-style: none;
2869
- margin: 0 !important;
2870
- }
2871
-
2872
- .adyen-kyc-list-items-plain {
2873
- padding: 0 !important;
2874
- }
2875
-
2876
- .adyen-kyc-list-items-grouped-primary {
2877
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
2878
- border: 1px solid var(--adyen-internal-color-outline-primary, #dadddf);
2879
- border-radius: var(--adyen-internal-border-radius-l, 12px);
2880
- }
2881
-
2882
- .adyen-kyc-list-items-grouped-secondary {
2883
- background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
2884
- border-radius: var(--adyen-internal-border-radius-l, 12px);
2885
- }
2886
-
2887
- .adyen-kyc-list-items-padding-none {
2888
- padding: var(--adyen-internal-spacer-000, 0px) !important;
2889
- }
2890
-
2891
- .adyen-kyc-list-items-padding-small {
2892
- padding: var(--adyen-internal-spacer-040, 8px) !important;
2893
- }
2894
-
2895
- .adyen-kyc-list-items-padding-medium {
2896
- padding: var(--adyen-internal-spacer-070, 16px) !important;
2897
- }
2898
-
2899
- .adyen-kyc-list-items-padding-large {
2900
- padding: var(--adyen-internal-spacer-090, 24px) !important;
2901
- }
2902
-
2903
- .adyen-kyc-list-item-row-separator:not(:last-child) {
2904
- border-bottom: 1px solid var(--adyen-internal-color-outline-primary, #dadddf);
2905
- margin-bottom: var(--adyen-internal-spacer-040, 8px);
2906
- padding-bottom: var(--adyen-internal-spacer-040, 8px);
2907
- }.adyen-kyc-error-panel {
2908
- margin-bottom: var(--adyen-internal-spacer-080, 20px);
3135
+ margin-right: var(--adyen-internal-spacer-020, 4px);
3136
+ }.adyen-kyc-search-address-field-hide {
3137
+ display: none;
2909
3138
  }.adyen-kyc-link {
2910
3139
  align-items: center;
2911
- border-radius: var(--adyen-internal-border-radius-s, 4px);
3140
+ border-radius: var(--adyen-internal-border-radius-s);
2912
3141
  display: inline-flex;
2913
- gap: var(--adyen-internal-spacer-010, 2px);
2914
- outline: var(--adyen-internal-focus-ring-outline, 3px) solid transparent;
3142
+ gap: var(--adyen-internal-spacer-010);
3143
+ outline: var(--adyen-internal-focus-ring-outline) solid transparent;
2915
3144
  text-decoration: underline;
2916
- transition: var(--adyen-internal-animation-duration-slow, 250ms);
2917
- }
2918
- .adyen-kyc-link:focus-visible {
2919
- color: var(--adyen-internal-color-link-primary, #0065c9);
2920
- fill: var(--adyen-internal-color-link-primary, #0065c9);
2921
- outline-color: var(--adyen-internal-color-link-primary, #0065c9);
2922
- outline-offset: var(--adyen-internal-focus-ring-spacer, 1px);
2923
- text-decoration: none;
3145
+ transition: var(--adyen-internal-animation-duration-slow);
3146
+
3147
+ &:focus-visible {
3148
+ color: var(--adyen-internal-color-link-primary);
3149
+ fill: var(--adyen-internal-color-link-primary);
3150
+ outline-color: var(--adyen-internal-color-link-primary);
3151
+ outline-offset: var(--adyen-internal-focus-ring-spacer);
3152
+ text-decoration: none;
3153
+ }
2924
3154
  }
2925
3155
 
2926
3156
  .adyen-kyc-link-default {
2927
- color: var(--adyen-internal-color-link-primary, #0065c9);
2928
- }
2929
- @media (hover: hover) {
2930
- .adyen-kyc-link-default:hover {
2931
- color: var(--adyen-internal-color-link-primary-hover, #0f75dc);
2932
- fill: var(--adyen-internal-color-link-primary-hover, #0f75dc);
3157
+ color: var(--adyen-internal-color-link-primary);
3158
+
3159
+ @media (hover: hover) {
3160
+ &:hover {
3161
+ color: var(--adyen-internal-color-link-primary-hover);
3162
+ fill: var(--adyen-internal-color-link-primary-hover);
3163
+ text-decoration: none;
3164
+ }
3165
+ }
3166
+
3167
+ &:active {
3168
+ color: var(--adyen-internal-color-link-primary-active);
3169
+ fill: var(--adyen-internal-color-link-primary-active);
2933
3170
  text-decoration: none;
2934
3171
  }
2935
3172
  }
2936
- .adyen-kyc-link-default:active {
2937
- color: var(--adyen-internal-color-link-primary-active, #0f75dc);
2938
- fill: var(--adyen-internal-color-link-primary-active, #0f75dc);
2939
- text-decoration: none;
2940
- }
2941
3173
 
2942
3174
  .adyen-kyc-link-inline {
2943
3175
  color: inherit;
2944
- }
2945
- @media (hover: hover) {
2946
- .adyen-kyc-link-inline:hover {
2947
- color: var(--adyen-internal-color-link-primary, #0065c9);
2948
- fill: var(--adyen-internal-color-link-primary, #0065c9);
3176
+
3177
+ @media (hover: hover) {
3178
+ &:hover {
3179
+ color: var(--adyen-internal-color-link-primary);
3180
+ fill: var(--adyen-internal-color-link-primary);
3181
+ text-decoration: none;
3182
+ }
3183
+ }
3184
+
3185
+ &:active {
3186
+ color: var(--adyen-internal-color-link-primary-active);
3187
+ fill: var(--adyen-internal-color-link-primary-active);
2949
3188
  text-decoration: none;
2950
3189
  }
2951
3190
  }
2952
- .adyen-kyc-link-inline:active {
2953
- color: var(--adyen-internal-color-link-primary-active, #0f75dc);
2954
- fill: var(--adyen-internal-color-link-primary-active, #0f75dc);
2955
- text-decoration: none;
2956
- }.adyen-kyc-input-radio {
3191
+ .adyen-kyc-input-radio {
2957
3192
  display: inline-flex;
2958
3193
  vertical-align: baseline;
2959
3194
  }
@@ -3062,227 +3297,89 @@
3062
3297
  padding-bottom: var(--adyen-internal-spacer-000, 0px);
3063
3298
  padding-left: var(--adyen-internal-spacer-090, 24px);
3064
3299
  position: relative;
3065
- }/* for container queries */
3066
- fieldset {
3067
- border: none;
3068
- padding: 0;
3069
- margin: 0;
3070
- }
3071
-
3072
- .adyen-kyc-address__condensed-fields {
3073
- display: flex;
3074
- flex-direction: column;
3075
- gap: 0;
3300
+ }.adyen-kyc-business-financing-lei-radio {
3301
+ display: grid;
3302
+ grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3303
+ column-gap: var(--adyen-internal-spacer-100, 32px);
3076
3304
  }
3077
- @container main (min-width: 680px) and (max-width: 1024px) {
3078
- .adyen-kyc-address__condensed-fields {
3079
- flex-direction: row;
3080
- gap: var(--adyen-internal-spacer-080, 20px);
3081
- }
3082
- .adyen-kyc-address__condensed-fields > *:first-child {
3083
- flex: 0 0 50%;
3084
- }
3085
- .adyen-kyc-address__condensed-fields > *:not(:first-child) {
3086
- flex: 1;
3087
- }
3305
+ .adyen-kyc-business-financing-title {
3306
+ margin-bottom: var(--adyen-internal-spacer-090, 24px);
3307
+ margin-top: var(--adyen-internal-spacer-110, 40px);
3088
3308
  }
3089
-
3090
- .adyen-kyc-search-address {
3091
- display: flex;
3092
- flex-direction: column;
3309
+ .adyen-kyc-business-financing-body {
3093
3310
  margin-bottom: var(--adyen-internal-spacer-070, 16px);
3094
3311
  }
3095
-
3096
- .adyen-kyc-search-address--below {
3097
- align-items: start;
3098
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
3099
- display: flex;
3100
- justify-content: space-between;
3101
- }
3102
-
3103
- .adyen-kyc-search-address--below-location {
3104
- display: flex;
3105
- width: 65%;
3106
- align-items: center;
3107
- }
3108
- .adyen-kyc-search-address--below-location .adyen-kyc-icon {
3109
- display: flex;
3110
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
3111
- margin-right: var(--adyen-internal-spacer-020, 4px);
3112
- }.adyen-kyc-search-address-field-hide {
3113
- display: none;
3114
- }/* for container queries */
3115
- .adyen-kyc-summary {
3116
- display: flex;
3117
- flex-direction: column;
3118
- }
3119
-
3120
- .adyen-kyc-summary-content {
3121
- display: flex;
3122
- flex-direction: column;
3123
- gap: var(--adyen-internal-spacer-070, 16px);
3124
- }
3125
-
3126
- .adyen-kyc-summary-list {
3127
- display: flex;
3128
- flex-direction: column;
3129
- gap: var(--adyen-internal-spacer-070, 16px);
3130
- padding-bottom: var(--adyen-internal-spacer-070, 16px);
3131
- padding-top: var(--adyen-internal-spacer-070, 16px);
3132
- }
3133
- @container main (min-width: 680px) {
3134
- .adyen-kyc-summary-list {
3135
- gap: var(--adyen-internal-spacer-040, 8px);
3136
- }
3137
- }
3138
-
3139
- .adyen-kyc-summary-list-header {
3140
- display: flex;
3141
- align-items: center;
3142
- }
3143
-
3144
- .adyen-kyc-summary-list-header-title {
3145
- color: var(--adyen-internal-color-label-primary, #001222);
3146
- flex-grow: 1;
3147
- font-size: var(--adyen-internal-text-title-font-size, 16px);
3148
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
3149
- line-height: var(--adyen-internal-text-title-line-height, 26px);
3150
- margin: 0;
3151
- }
3152
-
3153
- .adyen-kyc-summary-list-item {
3154
- display: flex;
3155
- flex-direction: column;
3156
- font-size: var(--adyen-internal-text-body-font-size, 14px);
3157
- gap: var(--adyen-internal-spacer-010, 2px);
3158
- }
3159
- @container main (min-width: 680px) {
3160
- .adyen-kyc-summary-list-item {
3161
- flex-direction: row;
3162
- gap: var(--adyen-internal-spacer-040, 8px);
3163
- }
3312
+ .adyen-kyc-business-financing-exposure-financials {
3313
+ display: grid;
3314
+ grid-template-columns: 1fr 1fr;
3315
+ gap: var(--adyen-internal-spacer-080, 20px);
3316
+ place-items: center;
3317
+ align-items: flex-start;
3164
3318
  }
3165
-
3166
- .adyen-kyc-summary-list-item-key {
3319
+ .adyen-kyc-business-financing-structured-address {
3320
+ padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-070, 16px);
3321
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
3322
+ background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3323
+ border-radius: var(--adyen-internal-border-radius-l, 12px);
3167
3324
  color: var(--adyen-internal-color-label-secondary, #5c6874);
3168
- flex: 1;
3169
- margin: 0;
3170
- }
3171
- @container main (min-width: 680px) {
3172
- .adyen-kyc-summary-list-item-key {
3173
- max-width: 40%;
3174
- }
3175
- }
3176
-
3177
- .adyen-kyc-summary-list-item-value {
3178
- flex: 1;
3179
- margin: 0;
3180
- text-align: left;
3181
- }
3182
-
3183
- .adyen-kyc-summary-content-legal-caption {
3184
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
3185
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
3186
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
3187
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
3188
- padding-left: var(--adyen-internal-spacer-070, 16px);
3189
- padding-right: var(--adyen-internal-spacer-070, 16px);
3190
- }
3191
- @media (prefers-contrast: more) or (prefers-reduced-transparency) {
3192
- .adyen-kyc-summary-content-legal-caption {
3193
- color: var(--adyen-internal-color-label-secondary, #5c6874);
3194
- }
3195
- }
3196
-
3197
- .adyen-kyc-summary-content-list {
3198
- list-style-type: disc;
3199
- }
3200
-
3201
- .adyen-kyc-summary-content-logo {
3202
- height: 28px;
3203
- width: 100px;
3204
- }.adyen-kyc-form-flow {
3205
- container-type: inline-size;
3206
- width: 100%;
3207
- min-height: 100%;
3208
- overflow: auto;
3325
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
3326
+ font-weight: var(--adyen-internal-text-body-font-weight, 400);
3327
+ }.adyen-kyc-mismatch {
3328
+ animation: adyen-kyc-mismatchShake 300ms;
3329
+ border-color: var(--adyen-internal-color-outline-critical, #dc3801) !important;
3209
3330
  }
3210
3331
 
3211
- .adyen-kyc-form-flow-content {
3212
- margin: auto;
3213
- max-width: 600px;
3214
- min-height: calc(100% - 80px);
3215
- padding: var(--adyen-internal-spacer-140, 64px) var(--adyen-internal-spacer-070, 16px);
3216
- }
3217
- @container (min-width: 399px) {
3218
- .adyen-kyc-form-flow-content {
3219
- padding-left: var(--adyen-internal-spacer-100, 32px);
3220
- padding-right: var(--adyen-internal-spacer-100, 32px);
3332
+ @keyframes adyen-kyc-mismatchShake {
3333
+ 25% {
3334
+ transform: translateX(4px);
3221
3335
  }
3222
- }
3223
- @container (min-width: 599px) {
3224
- .adyen-kyc-form-flow-content {
3225
- padding-left: calc(var(--adyen-internal-spacer-070, 16px) * 2 + var(--adyen-internal-tap-target));
3226
- padding-right: calc(var(--adyen-internal-spacer-070, 16px) * 2 + var(--adyen-internal-tap-target));
3336
+ 50% {
3337
+ transform: translateX(-4px);
3227
3338
  }
3228
- }
3229
-
3230
- .adyen-kyc-form-flow-footer {
3231
- background-color: var(--adyen-internal-color-background-primary);
3232
- bottom: 0;
3233
- height: 80px;
3234
- position: sticky;
3235
- z-index: 1;
3236
- }
3237
- @supports (backdrop-filter: blur(10px)) {
3238
- .adyen-kyc-form-flow-footer {
3239
- backdrop-filter: blur(10px);
3240
- background-color: rgb(from var(--adyen-internal-color-background-primary) r g b/0.7);
3339
+ 75% {
3340
+ transform: translateX(4px);
3241
3341
  }
3242
- }
3243
-
3244
- .adyen-kyc-form-flow-footer-border {
3245
- border-top: 1px solid var(--adyen-internal-color-outline-primary, #dadddf);
3246
- }
3247
-
3248
- .adyen-kyc-form-flow-actions {
3342
+ }.adyen-kyc-input-group {
3343
+ height: 40px;
3344
+ line-height: 38px;
3345
+ min-height: 38px;
3249
3346
  display: flex;
3250
- gap: var(--adyen-internal-spacer-040, 8px);
3251
- justify-content: space-between;
3252
- padding: var(--adyen-internal-spacer-070, 16px);
3347
+ padding: var(--adyen-internal-spacer-020, 4px);
3348
+ background: var(--adyen-internal-color-background-primary, #ffffff);
3349
+ border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
3350
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
3351
+ caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
3352
+ color: var(--adyen-internal-color-label-primary, #001222);
3353
+ font-family: inherit;
3354
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
3355
+ outline: none;
3356
+ transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3253
3357
  }
3254
-
3255
- .adyen-kyc-form-flow-primary-actions {
3256
- display: flex;
3257
- gap: var(--adyen-internal-spacer-040, 8px);
3258
- margin-left: auto;
3259
- }.adyen-kyc-business-financing-lei-radio {
3260
- display: grid;
3261
- grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3262
- column-gap: var(--adyen-internal-spacer-100, 32px);
3358
+ .adyen-kyc-input-group:hover {
3359
+ border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
3263
3360
  }
3264
- .adyen-kyc-business-financing-title {
3265
- margin-bottom: var(--adyen-internal-spacer-090, 24px);
3266
- margin-top: var(--adyen-internal-spacer-110, 40px);
3361
+ .adyen-kyc-input-group--invalid {
3362
+ padding-right: var(--adyen-internal-spacer-120, 48px);
3363
+ border-color: var(--adyen-internal-color-outline-critical, #dc3801);
3267
3364
  }
3268
- .adyen-kyc-business-financing-body {
3269
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3365
+ .adyen-kyc-input-group--focused {
3366
+ border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
3367
+ outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
3270
3368
  }
3271
- .adyen-kyc-business-financing-exposure-financials {
3272
- display: grid;
3273
- grid-template-columns: 1fr 1fr;
3274
- gap: var(--adyen-internal-spacer-080, 20px);
3275
- place-items: center;
3276
- align-items: flex-start;
3369
+ .adyen-kyc-input-group--focused:hover {
3370
+ border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
3277
3371
  }
3278
- .adyen-kyc-business-financing-structured-address {
3279
- padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-070, 16px);
3280
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3281
- background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
3282
- border-radius: var(--adyen-internal-border-radius-l, 12px);
3283
- color: var(--adyen-internal-color-label-secondary, #5c6874);
3284
- font-size: var(--adyen-internal-text-body-font-size, 14px);
3285
- font-weight: var(--adyen-internal-text-body-font-weight, 400);
3372
+ .adyen-kyc-input-group .adyen-kyc-input {
3373
+ line-height: normal;
3374
+ height: unset;
3375
+ min-height: unset;
3376
+ position: unset;
3377
+ border: none;
3378
+ border-radius: var(--adyen-internal-border-radius-s, 4px);
3379
+ }
3380
+ .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3381
+ outline: none;
3382
+ border: none;
3286
3383
  }/* for container queries */
3287
3384
  .adyen-kyc-document-guidance {
3288
3385
  overflow: auto;
@@ -3398,253 +3495,33 @@ fieldset {
3398
3495
  }
3399
3496
  .adyen-kyc-dropzone-file__icon {
3400
3497
  align-items: center;
3401
- display: flex;
3402
- margin-right: var(--adyen-internal-spacer-040, 8px);
3403
- color: var(--adyen-internal-color-background-success-strong, #008845);
3404
- }
3405
- .adyen-kyc-dropzone-file__labels {
3406
- overflow: hidden;
3407
- display: flex;
3408
- align-items: center;
3409
- }
3410
- .adyen-kyc-dropzone-file__name {
3411
- overflow: hidden;
3412
- text-overflow: ellipsis;
3413
- white-space: nowrap;
3414
- max-width: 600px;
3415
- }
3416
- .adyen-kyc-dropzone-file__size {
3417
- margin-left: var(--adyen-internal-spacer-040, 8px);
3418
- }
3419
- .adyen-kyc-dropzone-file__error {
3420
- color: var(--adyen-internal-color-label-critical, #dc3801);
3421
- margin-top: var(--adyen-internal-spacer-020, 4px);
3422
- }
3423
- .adyen-kyc-dropzone-file__button {
3424
- border: 0;
3425
- padding: var(--adyen-internal-spacer-000, 0px);
3426
- }/* for container queries */
3427
- .adyen-kyc-radio-group-card {
3428
- display: flex;
3429
- flex-direction: column;
3430
- gap: var(--adyen-internal-spacer-040, 8px);
3431
- }
3432
- .adyen-kyc-radio-group-card__label {
3433
- font-size: var(--adyen-internal-text-body-font-size, 14px);
3434
- font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
3435
- line-height: var(--adyen-internal-text-body-line-height, 20px);
3436
- padding-right: var(--adyen-internal-spacer-070, 16px);
3437
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3438
- }
3439
- @container main (min-width: 680px) and (max-width: 1024px) {
3440
- .adyen-kyc-radio-group-card__label {
3441
- padding-right: var(--adyen-internal-spacer-000, 0px);
3442
- }
3443
- }
3444
- .adyen-kyc-radio-group-card__subtitle {
3445
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
3446
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
3447
- font-family: var(--adyen-internal-text-caption-font-family);
3448
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
3449
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
3450
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
3451
- }
3452
- .adyen-kyc-radio-group-card input {
3453
- display: flex;
3454
- margin-left: auto;
3455
- }
3456
- .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
3457
- bottom: -30px;
3458
- top: auto;
3459
- }
3460
-
3461
- /* stylelint-disable-next-line selector-no-qualifying-type */
3462
- input.adyen-kyc-radio-group-card__radio--floating {
3463
- bottom: auto;
3464
- left: auto;
3465
- position: absolute;
3466
- right: var(--adyen-internal-spacer-070, 16px);
3467
- top: var(--adyen-internal-spacer-070, 16px);
3468
- }.adyen-kyc-radio-card {
3469
- border: var(--adyen-internal-border-default-s);
3470
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3471
- cursor: pointer;
3472
- display: block;
3473
- list-style: none;
3474
- padding: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
3475
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
3476
- position: relative;
3477
- }
3478
- .adyen-kyc-radio-card--disabled {
3479
- cursor: not-allowed;
3480
- opacity: 50%;
3481
- }
3482
- .adyen-kyc-radio-card__loading-icon {
3483
- display: flex;
3484
- align-self: center;
3485
- justify-content: center;
3486
- border-radius: 50%;
3487
- height: 18px;
3488
- width: 18px;
3489
- }
3490
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
3491
- background: var(--adyen-internal-color-outline-inverse-primary, #2f3e4d);
3492
- }
3493
- .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
3494
- border-top-color: var(--adyen-internal-color-outline-inverse-primary, #2f3e4d);
3495
- }
3496
-
3497
- .adyen-kyc-radio-card__body {
3498
- color: var(--adyen-internal-color-label-secondary, #5c6874);
3499
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
3500
- font-family: var(--adyen-internal-text-caption-font-family);
3501
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
3502
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
3503
- margin-bottom: var(--adyen-internal-spacer-040, 8px);
3504
- }
3505
-
3506
- .adyen-kyc-radio-card__footer {
3507
- margin-bottom: var(--adyen-internal-spacer-040, 8px);
3508
- }.adyen-kyc-mismatch {
3509
- animation: adyen-kyc-mismatchShake 300ms;
3510
- border-color: var(--adyen-internal-color-outline-critical, #dc3801) !important;
3511
- }
3512
-
3513
- @keyframes adyen-kyc-mismatchShake {
3514
- 25% {
3515
- transform: translateX(4px);
3516
- }
3517
- 50% {
3518
- transform: translateX(-4px);
3519
- }
3520
- 75% {
3521
- transform: translateX(4px);
3522
- }
3523
- }.adyen-kyc-spacer {
3524
- flex: 1;
3525
- }.adyen-kyc-description-field {
3526
- padding: var(--adyen-internal-spacer-080, 20px) 0;
3527
- }.adyen-kyc-document-upload__subtitle {
3528
- margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px);
3529
- }
3530
- .adyen-kyc-document-upload__manual-upload {
3531
- margin: var(--adyen-internal-spacer-070, 16px) auto var(--adyen-internal-spacer-000, 0px);
3532
- max-width: 430px;
3533
- text-align: center;
3534
- }.adyen-kyc-id-verification {
3535
- /* stylelint-disable */
3536
- }
3537
- .adyen-kyc-id-verification #onfido-sdk {
3538
- position: relative;
3539
- width: 100%;
3540
- height: 100%;
3541
- min-height: 100dvh;
3542
- box-sizing: border-box;
3543
- }
3544
- @media only screen and (width >= 933px) {
3545
- .adyen-kyc-id-verification #onfido-sdk {
3546
- min-height: 600px;
3547
- }
3548
- }
3549
- @media only screen and (width >= 768px) {
3550
- .adyen-kyc-id-verification #onfido-sdk {
3551
- max-width: 600px;
3552
- max-height: 800px;
3553
- overflow: hidden;
3554
- border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3555
- border-width: var(--osdk-border-width-surface-modal, 1px);
3556
- border-style: var(--osdk-border-style-surface-modal, solid);
3557
- border-radius: var(--osdk-border-radius-surface-modal, 8px);
3558
- }
3559
- }
3560
- .adyen-kyc-id-verification #onfido-sdk.light {
3561
- background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3562
- }
3563
- .adyen-kyc-id-verification #onfido-sdk.dark {
3564
- background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3565
- border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3566
- }
3567
- @supports (-webkit-touch-callout: none) {
3568
- .adyen-kyc-id-verification #onfido-sdk {
3569
- min-height: -webkit-fill-available;
3570
- }
3571
- }
3572
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3573
- display: flex;
3574
- align-items: center;
3575
- justify-content: center;
3576
- cursor: progress;
3577
- position: absolute;
3578
- inset: 0;
3579
- }
3580
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3581
- stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3582
- }
3583
- .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3584
- stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3585
- stroke-opacity: 1;
3586
- }
3587
- .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3588
- display: none;
3589
- }
3590
- .adyen-kyc-id-verification {
3591
- /* stylelint-enable */
3592
- }.adyen-kyc-input-group {
3593
- height: 40px;
3594
- line-height: 38px;
3595
- min-height: 38px;
3596
- display: flex;
3597
- padding: var(--adyen-internal-spacer-020, 4px);
3598
- background: var(--adyen-internal-color-background-primary, #ffffff);
3599
- border: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary, #8c959d);
3600
- border-radius: var(--adyen-internal-border-radius-m, 8px);
3601
- caret-color: var(--adyen-internal-color-label-highlight, #0f75dc);
3602
- color: var(--adyen-internal-color-label-primary, #001222);
3603
- font-family: inherit;
3604
- font-size: var(--adyen-internal-text-body-font-size, 14px);
3605
- outline: none;
3606
- transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
3607
- }
3608
- .adyen-kyc-input-group:hover {
3609
- border-color: var(--adyen-internal-color-outline-tertiary-hover, #6c7782);
3610
- }
3611
- .adyen-kyc-input-group--invalid {
3612
- padding-right: var(--adyen-internal-spacer-120, 48px);
3613
- border-color: var(--adyen-internal-color-outline-critical, #dc3801);
3614
- }
3615
- .adyen-kyc-input-group--focused {
3616
- border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
3617
- outline: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-outline-tertiary-active, #001222);
3498
+ display: flex;
3499
+ margin-right: var(--adyen-internal-spacer-040, 8px);
3500
+ color: var(--adyen-internal-color-background-success-strong, #008845);
3618
3501
  }
3619
- .adyen-kyc-input-group--focused:hover {
3620
- border-color: var(--adyen-internal-color-outline-tertiary-active, #001222);
3502
+ .adyen-kyc-dropzone-file__labels {
3503
+ overflow: hidden;
3504
+ display: flex;
3505
+ align-items: center;
3621
3506
  }
3622
- .adyen-kyc-input-group .adyen-kyc-input {
3623
- line-height: normal;
3624
- height: unset;
3625
- min-height: unset;
3626
- position: unset;
3627
- border: none;
3628
- border-radius: var(--adyen-internal-border-radius-s, 4px);
3507
+ .adyen-kyc-dropzone-file__name {
3508
+ overflow: hidden;
3509
+ text-overflow: ellipsis;
3510
+ white-space: nowrap;
3511
+ max-width: 600px;
3629
3512
  }
3630
- .adyen-kyc-input-group .adyen-kyc-input:is(:active, :focus, :hover, :active:hover, :focus:hover, --focus) {
3631
- outline: none;
3632
- border: none;
3633
- }.adyen-kyc-multi-select-list {
3634
- list-style: none;
3635
- margin: var(--adyen-internal-spacer-000, 0px);
3636
- padding: var(--adyen-internal-spacer-000, 0px);
3513
+ .adyen-kyc-dropzone-file__size {
3514
+ margin-left: var(--adyen-internal-spacer-040, 8px);
3637
3515
  }
3638
-
3639
- .adyen-kyc-multi-select-list-item {
3640
- background: none !important;
3516
+ .adyen-kyc-dropzone-file__error {
3517
+ color: var(--adyen-internal-color-label-critical, #dc3801);
3518
+ margin-top: var(--adyen-internal-spacer-020, 4px);
3641
3519
  }
3642
- .adyen-kyc-multi-select-list-item--with-description .adyen-kyc-checkbox__label {
3643
- font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
3644
- }.adyen-kyc-field--nominee .adyen-kyc-radio-group {
3645
- display: grid;
3646
- grid-template-columns: repeat(auto-fit, minmax(120px, 170px));
3647
- column-gap: var(--adyen-internal-spacer-100, 32px);
3520
+ .adyen-kyc-dropzone-file__button {
3521
+ border: 0;
3522
+ padding: var(--adyen-internal-spacer-000, 0px);
3523
+ }.adyen-kyc-description-field {
3524
+ padding: var(--adyen-internal-spacer-080, 20px) 0;
3648
3525
  }.adyen-kyc-tile-container {
3649
3526
  width: 100%;
3650
3527
  }
@@ -3733,11 +3610,12 @@ input.adyen-kyc-radio-group-card__radio--floating {
3733
3610
  .adyen-kyc-tile-container-horizontal .adyen-kyc-tile-icon + .adyen-kyc-tile-label {
3734
3611
  margin-left: var(--adyen-internal-spacer-070, 16px);
3735
3612
  }.adyen-kyc-tile-group {
3736
- gap: var(--adyen-internal-spacer-040, 8px);
3613
+ gap: var(--adyen-internal-spacer-040);
3737
3614
  display: flex;
3738
3615
  flex-wrap: wrap;
3739
3616
  justify-content: center;
3740
3617
  }
3618
+
3741
3619
  .adyen-kyc-tile-group .adyen-kyc-tile-container {
3742
3620
  width: 32%;
3743
3621
  white-space: wrap;
@@ -3749,16 +3627,17 @@ input.adyen-kyc-radio-group-card__radio--floating {
3749
3627
  display: flex;
3750
3628
  justify-content: center;
3751
3629
  align-items: center;
3752
- color: var(--adyen-internal-color-label-critical, #dc3801);
3753
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
3630
+ color: var(--adyen-internal-color-label-critical);
3631
+ font-size: var(--adyen-internal-text-caption-font-size);
3754
3632
  font-family: var(--adyen-internal-text-caption-font-family);
3755
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
3756
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
3757
- margin-bottom: var(--adyen-internal-spacer-070, 16px);
3633
+ font-weight: var(--adyen-internal-text-caption-font-weight);
3634
+ line-height: var(--adyen-internal-text-caption-line-height);
3635
+ margin-bottom: var(--adyen-internal-spacer-070);
3758
3636
  }
3637
+
3759
3638
  .adyen-kyc-tile-group-error-icon {
3760
- margin-right: var(--adyen-internal-spacer-020, 4px);
3761
- height: var(--adyen-internal-spacer-070, 16px);
3639
+ margin-right: var(--adyen-internal-spacer-020);
3640
+ height: var(--adyen-internal-spacer-070);
3762
3641
  }
3763
3642
 
3764
3643
  .adyen-kyc-tile-group-horizontal {
@@ -3766,9 +3645,11 @@ input.adyen-kyc-radio-group-card__radio--floating {
3766
3645
  flex-wrap: nowrap;
3767
3646
  flex-direction: column;
3768
3647
  }
3648
+
3769
3649
  .adyen-kyc-tile-group-horizontal .adyen-kyc-tile-container {
3770
3650
  width: 100%;
3771
- }.adyen-kyc-guidance-question {
3651
+ }
3652
+ .adyen-kyc-guidance-question {
3772
3653
  margin-bottom: var(--adyen-internal-spacer-140, 64px);
3773
3654
  }
3774
3655
 
@@ -3808,7 +3689,35 @@ input.adyen-kyc-radio-group-card__radio--floating {
3808
3689
  text-align: center;
3809
3690
  width: 100%;
3810
3691
  }
3811
- .adyen-kyc-conflict-row-table td {
3692
+ .adyen-kyc-spacer {
3693
+ flex: 1;
3694
+ }.adyen-kyc-idnow-header {
3695
+ width: 100%;
3696
+ padding: var(--adyen-internal-spacer-130) var(--adyen-internal-spacer-080);
3697
+ height: 100%;
3698
+ }
3699
+
3700
+ .adyen-kyc-idnow-verification-header-iframe-container {
3701
+ height: 100%;
3702
+ padding: var(--adyen-internal-spacer-030);
3703
+ }
3704
+
3705
+ .adyen-kyc-idnow-verification-header-iframe {
3706
+ width: 100%;
3707
+ border: 0 transparent;
3708
+ height: 100%;
3709
+ }
3710
+
3711
+ .adyen-kyc-idnow-verification-header-image svg {
3712
+ max-width: 180px;
3713
+ }.adyen-kyc-document-upload__subtitle {
3714
+ margin: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px);
3715
+ }
3716
+ .adyen-kyc-document-upload__manual-upload {
3717
+ margin: var(--adyen-internal-spacer-070, 16px) auto var(--adyen-internal-spacer-000, 0px);
3718
+ max-width: 430px;
3719
+ text-align: center;
3720
+ }.adyen-kyc-conflict-row-table td {
3812
3721
  padding: var(--adyen-internal-spacer-060, 12px);
3813
3722
  height: var(--adyen-internal-spacer-050, 10px);
3814
3723
  border-top: var(--adyen-internal-border-width-s, 1px) solid var(--adyen-internal-color-separator-primary, #dadddf);
@@ -3875,6 +3784,64 @@ input.adyen-kyc-radio-group-card__radio--floating {
3875
3784
  }/* for container queries */
3876
3785
  .adyen-kyc-verification-header-image svg {
3877
3786
  max-width: 180px;
3787
+ }.adyen-kyc-id-verification {
3788
+ /* stylelint-disable */
3789
+ }
3790
+ .adyen-kyc-id-verification #onfido-sdk {
3791
+ position: relative;
3792
+ width: 100%;
3793
+ height: 100%;
3794
+ min-height: 100dvh;
3795
+ box-sizing: border-box;
3796
+ }
3797
+ @media only screen and (width >= 933px) {
3798
+ .adyen-kyc-id-verification #onfido-sdk {
3799
+ min-height: 600px;
3800
+ }
3801
+ }
3802
+ @media only screen and (width >= 768px) {
3803
+ .adyen-kyc-id-verification #onfido-sdk {
3804
+ max-width: 600px;
3805
+ max-height: 800px;
3806
+ overflow: hidden;
3807
+ border-color: var(--osdk-color-border-surface-modal, rgb(233, 236, 240));
3808
+ border-width: var(--osdk-border-width-surface-modal, 1px);
3809
+ border-style: var(--osdk-border-style-surface-modal, solid);
3810
+ border-radius: var(--osdk-border-radius-surface-modal, 8px);
3811
+ }
3812
+ }
3813
+ .adyen-kyc-id-verification #onfido-sdk.light {
3814
+ background-color: var(--osdk-color-background-surface-modal, rgb(252, 252, 253));
3815
+ }
3816
+ .adyen-kyc-id-verification #onfido-sdk.dark {
3817
+ background-color: var(--osdk-color-background-surface-modal, rgb(43, 45, 51));
3818
+ border-color: var(--osdk-color-border-surface-modal, rgb(71, 73, 82));
3819
+ }
3820
+ @supports (-webkit-touch-callout: none) {
3821
+ .adyen-kyc-id-verification #onfido-sdk {
3822
+ min-height: -webkit-fill-available;
3823
+ }
3824
+ }
3825
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container {
3826
+ display: flex;
3827
+ align-items: center;
3828
+ justify-content: center;
3829
+ cursor: progress;
3830
+ position: absolute;
3831
+ inset: 0;
3832
+ }
3833
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container path {
3834
+ stroke: var(--osdk-color-progress-indicator, rgb(99, 102, 112));
3835
+ }
3836
+ .adyen-kyc-id-verification #onfido-sdk.loading .loading-svg-container circle {
3837
+ stroke: var(--osdk-color-progress-track, rgba(99, 102, 122, 0.15));
3838
+ stroke-opacity: 1;
3839
+ }
3840
+ .adyen-kyc-id-verification #onfido-sdk:not(.loading) .loading-svg-container {
3841
+ display: none;
3842
+ }
3843
+ .adyen-kyc-id-verification {
3844
+ /* stylelint-enable */
3878
3845
  }/* for container queries */
3879
3846
  .adyen-kyc-uploaded-document {
3880
3847
  color: var(--adyen-internal-color-label-primary, #001222);
@@ -3889,25 +3856,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
3889
3856
  vertical-align: middle;
3890
3857
  margin-top: var(--adyen-internal-spacer-040, 8px);
3891
3858
  text-align: left;
3892
- }.adyen-kyc-idnow-header {
3893
- width: 100%;
3894
- padding: var(--adyen-internal-spacer-130) var(--adyen-internal-spacer-080);
3895
- height: 100%;
3896
- }
3897
-
3898
- .adyen-kyc-idnow-verification-header-iframe-container {
3899
- height: 100%;
3900
- padding: var(--adyen-internal-spacer-030);
3901
- }
3902
-
3903
- .adyen-kyc-idnow-verification-header-iframe {
3904
- width: 100%;
3905
- border: 0 transparent;
3906
- height: 100%;
3907
- }
3908
-
3909
- .adyen-kyc-idnow-verification-header-image svg {
3910
- max-width: 180px;
3911
3859
  }.adyen-kyc-progress-bar {
3912
3860
  display: flex;
3913
3861
  flex: 1;
@@ -3937,70 +3885,240 @@ input.adyen-kyc-radio-group-card__radio--floating {
3937
3885
  height: var(--step-progress-internal-height);
3938
3886
  }
3939
3887
 
3940
- .adyen-kyc-progress-step-active {
3941
- background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
3888
+ .adyen-kyc-progress-step-active {
3889
+ background-color: var(--adyen-internal-color-background-inverse-primary, #001222);
3890
+ }
3891
+
3892
+ .adyen-kyc-progress-bar-circles li {
3893
+ flex: none;
3894
+ width: var(--step-progress-internal-height);
3895
+ border-radius: var(--step-progress-internal-height);
3896
+ margin: 0 var(--step-progress-internal-height);
3897
+ }
3898
+
3899
+ .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3900
+ padding: 0 calc(var(--step-progress-internal-height) / 2);
3901
+ margin: 0 calc(var(--step-progress-internal-height) / 2);
3902
+ }/* for container queries */
3903
+ .adyen-kyc-form-container {
3904
+ width: 100%;
3905
+ }
3906
+ @container main (min-width: 680px) and (max-width: 1024px) {
3907
+ .adyen-kyc-form-container {
3908
+ flex: 1;
3909
+ }
3910
+ }
3911
+
3912
+ .adyen-kyc-form-wrapper--hidden {
3913
+ display: none;
3914
+ }
3915
+
3916
+ .adyen-kyc-dropin__sidebar-wrapper {
3917
+ width: 27%;
3918
+ }
3919
+
3920
+ .adyen-kyc-form-with-sidebar {
3921
+ display: flex;
3922
+ width: 100%;
3923
+ }
3924
+
3925
+ .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3926
+ flex: 1;
3927
+ }
3928
+
3929
+ @container main (max-width: 680px) {
3930
+ .adyen-kyc-dropin__content-main,
3931
+ .adyen-kyc-form-with-sidebar {
3932
+ flex-direction: column;
3933
+ }
3934
+ }/* for container queries */
3935
+ .adyen-action-bar {
3936
+ background-color: var(--adyen-internal-color-background-primary, #ffffff);
3937
+ display: flex;
3938
+ align-items: center;
3939
+ margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
3940
+ }
3941
+ @container main (max-width: 680px) {
3942
+ .adyen-action-bar {
3943
+ flex-direction: column;
3944
+ gap: var(--adyen-internal-spacer-040, 8px);
3945
+ }
3946
+ }
3947
+ @container main (min-width: 680px) and (max-width: 1024px) {
3948
+ .adyen-action-bar {
3949
+ flex-flow: row-reverse;
3950
+ justify-content: space-between;
3951
+ }
3952
+ }.adyen-kyc-card {
3953
+ all: unset;
3954
+ display: block;
3955
+ width: 100%;
3956
+ box-sizing: border-box;
3957
+ border-radius: var(--adyen-internal-border-radius-l);
3958
+ transition: 200ms;
3959
+ border: 1px solid transparent;
3960
+ overflow: hidden;
3961
+ }
3962
+
3963
+ .adyen-kyc-card-primary {
3964
+ background-color: var(--adyen-internal-color-background-primary);
3965
+ border-color: var(--adyen-internal-color-outline-primary);
3966
+ }
3967
+
3968
+ .adyen-kyc-card-secondary {
3969
+ background-color: var(--adyen-internal-color-background-secondary);
3970
+ }
3971
+
3972
+ .adyen-kyc-card-padding-small {
3973
+ padding: var(--adyen-internal-spacer-040);
3974
+ }
3975
+
3976
+ .adyen-kyc-card-padding-medium {
3977
+ padding: var(--adyen-internal-spacer-070);
3978
+ }
3979
+
3980
+ .adyen-kyc-card-padding-large {
3981
+ padding: var(--adyen-internal-spacer-090);
3982
+ }
3983
+
3984
+ .adyen-kyc-card-elevation-low {
3985
+ box-shadow: var(--adyen-internal-shadow-low);
3986
+ }
3987
+
3988
+ .adyen-kyc-card-elevation-medium {
3989
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-medium);
3990
+ }
3991
+
3992
+ .adyen-kyc-card-elevation-high {
3993
+ box-shadow: var(--adyen-internal-shadow-low), var(--adyen-internal-shadow-high);
3942
3994
  }
3943
3995
 
3944
- .adyen-kyc-progress-bar-circles li {
3945
- flex: none;
3946
- width: var(--step-progress-internal-height);
3947
- border-radius: var(--step-progress-internal-height);
3948
- margin: 0 var(--step-progress-internal-height);
3996
+ .adyen-kyc-card-interactive {
3997
+ cursor: pointer;
3998
+ outline-offset: calc(1px + var(--adyen-internal-focus-ring-spacer));
3999
+ outline: var(--adyen-internal-focus-ring-outline) solid transparent;
3949
4000
  }
3950
4001
 
3951
- .adyen-kyc-progress-bar-circles .adyen-kyc-progress-step-active {
3952
- padding: 0 calc(var(--step-progress-internal-height) / 2);
3953
- margin: 0 calc(var(--step-progress-internal-height) / 2);
3954
- }/* for container queries */
3955
- .adyen-kyc-form-container {
3956
- width: 100%;
4002
+ .adyen-kyc-card-interactive:disabled {
4003
+ background-color: var(--adyen-internal-color-background-disabled);
4004
+ box-shadow: none;
4005
+ border-color: transparent;
4006
+ color: var(--adyen-internal-color-label-disabled);
4007
+ cursor: default;
3957
4008
  }
3958
- @container main (min-width: 680px) and (max-width: 1024px) {
3959
- .adyen-kyc-form-container {
3960
- flex: 1;
4009
+
4010
+ @media (hover: hover) {
4011
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:hover:not(.adyen-kyc-card-interactive:disabled) {
4012
+ background-color: var(--adyen-internal-color-background-primary-hover);
4013
+ }
4014
+
4015
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:hover:not(.adyen-kyc-card-interactive:disabled) {
4016
+ background-color: var(--adyen-internal-color-background-secondary-hover);
3961
4017
  }
3962
4018
  }
3963
4019
 
3964
- .adyen-kyc-form-wrapper--hidden {
3965
- display: none;
4020
+ .adyen-kyc-card-interactive:focus-visible {
4021
+ outline-color: var(--adyen-internal-focus-ring-color);
3966
4022
  }
3967
4023
 
3968
- .adyen-kyc-dropin__sidebar-wrapper {
3969
- width: 27%;
4024
+ .adyen-kyc-card-interactive.adyen-kyc-card-primary:active:not(.adyen-kyc-card-interactive:disabled) {
4025
+ background-color: var(--adyen-internal-color-background-primary-active);
3970
4026
  }
3971
4027
 
3972
- .adyen-kyc-form-with-sidebar {
3973
- display: flex;
3974
- width: 100%;
4028
+ .adyen-kyc-card-interactive.adyen-kyc-card-secondary:active:not(.adyen-kyc-card-interactive:disabled) {
4029
+ background-color: var(--adyen-internal-color-background-secondary-active);
3975
4030
  }
3976
4031
 
3977
- .adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
3978
- flex: 1;
4032
+ .adyen-kyc-card-interactive.adyen-kyc-card-selected {
4033
+ pointer-events: none;
3979
4034
  }
3980
4035
 
3981
- @container main (max-width: 680px) {
3982
- .adyen-kyc-dropin__content-main,
3983
- .adyen-kyc-form-with-sidebar {
3984
- flex-direction: column;
3985
- }
3986
- }/* for container queries */
3987
- .adyen-action-bar {
3988
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
4036
+ .adyen-kyc-card-selected {
4037
+ outline-offset: -1px;
4038
+ outline: 2px solid var(--adyen-internal-color-outline-primary-active);
4039
+ }
4040
+ /* for container queries */
4041
+ .adyen-kyc-radio-group-card {
3989
4042
  display: flex;
3990
- align-items: center;
3991
- margin: var(--adyen-internal-spacer-120, 48px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
4043
+ flex-direction: column;
4044
+ gap: var(--adyen-internal-spacer-040, 8px);
3992
4045
  }
3993
- @container main (max-width: 680px) {
3994
- .adyen-action-bar {
3995
- flex-direction: column;
3996
- gap: var(--adyen-internal-spacer-040, 8px);
3997
- }
4046
+ .adyen-kyc-radio-group-card__label {
4047
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
4048
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight, 600);
4049
+ line-height: var(--adyen-internal-text-body-line-height, 20px);
4050
+ padding-right: var(--adyen-internal-spacer-070, 16px);
4051
+ margin-bottom: var(--adyen-internal-spacer-070, 16px);
3998
4052
  }
3999
4053
  @container main (min-width: 680px) and (max-width: 1024px) {
4000
- .adyen-action-bar {
4001
- flex-flow: row-reverse;
4002
- justify-content: space-between;
4054
+ .adyen-kyc-radio-group-card__label {
4055
+ padding-right: var(--adyen-internal-spacer-000, 0px);
4003
4056
  }
4057
+ }
4058
+ .adyen-kyc-radio-group-card__subtitle {
4059
+ color: var(--adyen-internal-color-label-tertiary, #8c959d);
4060
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
4061
+ font-family: var(--adyen-internal-text-caption-font-family);
4062
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
4063
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
4064
+ margin-bottom: var(--adyen-internal-spacer-020, 4px);
4065
+ }
4066
+ .adyen-kyc-radio-group-card input {
4067
+ display: flex;
4068
+ margin-left: auto;
4069
+ }
4070
+ .adyen-kyc-radio-group-card + .adyen-kyc-input__inline-validation {
4071
+ bottom: -30px;
4072
+ top: auto;
4073
+ }
4074
+
4075
+ /* stylelint-disable-next-line selector-no-qualifying-type */
4076
+ input.adyen-kyc-radio-group-card__radio--floating {
4077
+ bottom: auto;
4078
+ left: auto;
4079
+ position: absolute;
4080
+ right: var(--adyen-internal-spacer-070, 16px);
4081
+ top: var(--adyen-internal-spacer-070, 16px);
4082
+ }.adyen-kyc-radio-card {
4083
+ border: var(--adyen-internal-border-default-s);
4084
+ border-radius: var(--adyen-internal-border-radius-m, 8px);
4085
+ cursor: pointer;
4086
+ display: block;
4087
+ list-style: none;
4088
+ padding: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-000, 0px);
4089
+ transition: border-color 0.2s ease, box-shadow 0.2s ease;
4090
+ position: relative;
4091
+ }
4092
+ .adyen-kyc-radio-card--disabled {
4093
+ cursor: not-allowed;
4094
+ opacity: 50%;
4095
+ }
4096
+ .adyen-kyc-radio-card__loading-icon {
4097
+ display: flex;
4098
+ align-self: center;
4099
+ justify-content: center;
4100
+ border-radius: 50%;
4101
+ height: 18px;
4102
+ width: 18px;
4103
+ }
4104
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::before {
4105
+ background: var(--adyen-internal-color-outline-inverse-primary, #2f3e4d);
4106
+ }
4107
+ .adyen-kyc-radio-card__loading-icon .adyen-kyc-loading-indicator::after {
4108
+ border-top-color: var(--adyen-internal-color-outline-inverse-primary, #2f3e4d);
4109
+ }
4110
+
4111
+ .adyen-kyc-radio-card__body {
4112
+ color: var(--adyen-internal-color-label-secondary, #5c6874);
4113
+ font-size: var(--adyen-internal-text-caption-font-size, 12px);
4114
+ font-family: var(--adyen-internal-text-caption-font-family);
4115
+ font-weight: var(--adyen-internal-text-caption-font-weight, 400);
4116
+ line-height: var(--adyen-internal-text-caption-line-height, 18px);
4117
+ margin-bottom: var(--adyen-internal-spacer-040, 8px);
4118
+ }
4119
+
4120
+ .adyen-kyc-radio-card__footer {
4121
+ margin-bottom: var(--adyen-internal-spacer-040, 8px);
4004
4122
  }.adyen-kyc-tag {
4005
4123
  display: inline-block;
4006
4124
  font-size: var(--adyen-internal-text-caption-font-size);
@@ -4045,92 +4163,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
4045
4163
  background-color: var(--adyen-internal-color-background-success-weak);
4046
4164
  color: var(--adyen-internal-color-label-on-background-success-weak);
4047
4165
  }
4048
- .adyen-kyc-card {
4049
- background-color: var(--adyen-internal-color-background-primary, #ffffff);
4050
- border: var(--adyen-internal-border-default-s);
4051
- border-radius: var(--adyen-internal-border-radius-l, 12px);
4052
- display: block;
4053
- outline: none;
4054
- }
4055
- .adyen-kyc-card--secondary {
4056
- background-color: var(--adyen-internal-color-background-secondary, #f4f5f6);
4057
- }
4058
- .adyen-kyc-card--borderless {
4059
- border: none;
4060
- }
4061
-
4062
- .adyen-kyc-card.adyen-kyc-card--stateful {
4063
- border-color: var(--adyen-internal-color-outline-primary, #dadddf);
4064
- cursor: pointer;
4065
- transition-duration: 0.2s;
4066
- transition-property: border-color, box-shadow;
4067
- transition-timing-function: ease;
4068
- position: relative;
4069
- }
4070
- .adyen-kyc-card.adyen-kyc-card--stateful:hover {
4071
- border-color: var(--adyen-internal-color-outline-primary-hover, #c8ccd0);
4072
- z-index: 1;
4073
- }
4074
- .adyen-kyc-card.adyen-kyc-card--stateful:focus, .adyen-kyc-card.adyen-kyc-card--stateful:active {
4075
- z-index: 2;
4076
- box-shadow: var(--adyen-internal-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
4077
- }
4078
- .adyen-kyc-card.adyen-kyc-card--stateful:focus-visible {
4079
- box-shadow: 0 0 0 var(--adyen-internal-focus-ring-spacer, 1px) var(--adyen-internal-color-background-primary, #ffffff), 0 0 0 var(--adyen-internal-focus-ring-outline, 3px) var(--adyen-internal-focus-ring-color, rgba(15, 117, 220, 0.8));
4080
- transition: var(--adyen-internal-animation-duration-fast, 100ms) var(--adyen-internal-animation-easing-standard, cubic-bezier(0.2, 0, 0.4, 0.9));
4081
- transition-property: box-shadow;
4082
- }
4083
-
4084
- .adyen-kyc-card.adyen-kyc-card--active {
4085
- border-color: var(--adyen-internal-color-outline-primary, #dadddf);
4086
- cursor: pointer;
4087
- transition-duration: 0.2s;
4088
- transition-property: border-color, box-shadow;
4089
- transition-timing-function: ease;
4090
- }
4091
- .adyen-kyc-card.adyen-kyc-card--active, .adyen-kyc-card.adyen-kyc-card--active:active, .adyen-kyc-card.adyen-kyc-card--active:hover {
4092
- border-color: var(--adyen-internal-color-outline-primary-active, #001222);
4093
- }
4094
- .adyen-kyc-card.adyen-kyc-card--active:focus, .adyen-kyc-card.adyen-kyc-card--active:active {
4095
- box-shadow: var(--adyen-internal-shadow-medium, 0px 6px 12px rgba(0, 18, 34, 0.08), 0px 2px 4px rgba(0, 18, 34, 0.04));
4096
- }
4097
-
4098
- .adyen-kyc-card.adyen-kyc-card--disabled {
4099
- background-color: var(--adyen-internal-color-background-disabled, #ecedef);
4100
- color: var(--adyen-internal-color-label-disabled, #8c959d);
4101
- cursor: not-allowed;
4102
- }
4103
-
4104
- .adyen-kyc-card__header {
4105
- padding: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-090, 24px);
4106
- }
4107
- .adyen-kyc-card__header--button {
4108
- display: flex;
4109
- justify-content: space-between;
4110
- align-items: center;
4111
- }
4112
- .adyen-kyc-card__header .adyen-kyc-card-title {
4113
- display: flex;
4114
- flex-direction: column;
4115
- }
4116
-
4117
- .adyen-kyc-card__body {
4118
- padding: var(--adyen-internal-spacer-070, 16px);
4119
- }
4120
- .adyen-kyc-card__header + .adyen-kyc-card__body {
4121
- padding-top: var(--adyen-internal-spacer-000, 0px);
4122
- }
4123
-
4124
- .adyen-kyc-card__footer {
4125
- padding: var(--adyen-internal-spacer-070, 16px) var(--adyen-internal-spacer-090, 24px);
4126
- }
4127
- .adyen-kyc-card__body + .adyen-kyc-card__footer {
4128
- margin-top: calc(var(--adyen-internal-spacer-070, 16px) * -1);
4129
- }
4130
-
4131
- .adyen-kyc-card__warning {
4132
- border-radius: 0 0 var(--adyen-internal-border-radius-s, 4px) var(--adyen-internal-border-radius-s, 4px);
4133
- }.adyen-kyc-bank-document {
4166
+ .adyen-kyc-bank-document {
4134
4167
  min-height: 480px;
4135
4168
  }
4136
4169
 
@@ -4435,7 +4468,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
4435
4468
  cursor: pointer;
4436
4469
  }
4437
4470
  .adyen-kyc-payout-verification-method-card:not(.adyen-kyc-payout-verification-method-card-disabled):hover .adyen-kyc-payout-verification-method-card-image {
4438
- transform: scale(1.2);
4471
+ transform: scale(1.1);
4439
4472
  }
4440
4473
  .adyen-kyc-payout-verification-method-card-disabled {
4441
4474
  filter: grayscale(1);
@@ -4474,17 +4507,18 @@ input.adyen-kyc-radio-group-card__radio--floating {
4474
4507
  padding: 0;
4475
4508
  display: flex;
4476
4509
  flex-direction: row;
4477
- }
4478
- .adyen-kyc-payout-verification-method-card-image-container {
4479
- min-width: fit-content;
4480
4510
  height: 122px;
4481
- overflow: hidden;
4482
4511
  }
4483
4512
  @container main (min-width: 680px) and (max-width: 1024px) {
4484
- .adyen-kyc-payout-verification-method-card-image-container {
4513
+ .adyen-kyc-payout-verification-method-card-body {
4485
4514
  height: 150px;
4486
4515
  }
4487
4516
  }
4517
+ .adyen-kyc-payout-verification-method-card-image-container {
4518
+ aspect-ratio: 1/1;
4519
+ flex-shrink: 0;
4520
+ overflow: hidden;
4521
+ }
4488
4522
  .adyen-kyc-payout-verification-method-card-image {
4489
4523
  height: 100%;
4490
4524
  width: 100%;
@@ -4579,7 +4613,8 @@ input.adyen-kyc-radio-group-card__radio--floating {
4579
4613
  background-color: var(--adyen-internal-color-background-secondary);
4580
4614
  transition: background-color 0.2s;
4581
4615
  }
4582
- .adyen-kyc-embedded-status-action-indicator {
4616
+
4617
+ .adyen-kyc-embedded-status:hover:not(.adyen-kyc-embedded-status-loading) .adyen-kyc-embedded-status-action-indicator {
4583
4618
  background-color: var(--adyen-internal-color-background-secondary);
4584
4619
  color: var(--adyen-internal-color-label-secondary);
4585
4620
  }
@@ -4602,31 +4637,90 @@ input.adyen-kyc-radio-group-card__radio--floating {
4602
4637
  padding: var(--adyen-internal-spacer-010) var(--adyen-internal-spacer-050);
4603
4638
  }
4604
4639
 
4605
- .adyen-kyc-embedded-status-info {
4640
+ .adyen-kyc-embedded-status-info {
4641
+ display: flex;
4642
+ flex-direction: column;
4643
+ flex: 1;
4644
+ overflow-x: auto;
4645
+ }
4646
+ .adyen-kyc-detail-view-layout {
4647
+ display: flex;
4648
+ flex-direction: column;
4649
+ margin-left: auto;
4650
+ margin-right: auto;
4651
+ max-width: 600px;
4652
+ width: 100%;
4653
+ }
4654
+
4655
+ .adyen-kyc-detail-view-layout-default {
4656
+ gap: var(--adyen-internal-spacer-140);
4657
+ }
4658
+
4659
+ .adyen-kyc-detail-view-layout-compact {
4660
+ gap: var(--adyen-internal-spacer-100);
4661
+ }
4662
+
4663
+ .adyen-kyc-detail-view-layout-header {
4664
+ display: flex;
4665
+ flex-direction: column;
4666
+ gap: var(--adyen-internal-spacer-040);
4667
+ }
4668
+
4669
+ .adyen-kyc-detail-view-layout-title {
4670
+ color: var(--adyen-internal-color-label-primary);
4671
+ font-size: var(--adyen-internal-text-title-l-font-size);
4672
+ font-weight: var(--adyen-internal-text-title-l-font-weight);
4673
+ line-height: var(--adyen-internal-text-title-l-line-height);
4674
+ margin: 0;
4675
+ }
4676
+
4677
+ .adyen-kyc-detail-view-layout-description {
4678
+ font-size: var(--adyen-internal-text-title-font-size);
4679
+ font-weight: var(--adyen-internal-text-body-font-weight);
4680
+ line-height: var(--adyen-internal-text-title-line-height);
4681
+ }
4682
+
4683
+ .adyen-kyc-detail-view-layout-align-left {
4684
+ justify-content: flex-start;
4685
+ text-align: left;
4686
+ }
4687
+
4688
+ .adyen-kyc-detail-view-layout-align-center {
4689
+ justify-content: center;
4690
+ text-align: center;
4691
+ }
4692
+
4693
+ .adyen-kyc-detail-view-layout-align-right {
4694
+ justify-content: flex-end;
4695
+ text-align: right;
4696
+ }
4697
+
4698
+ .adyen-kyc-detail-view-layout-content {
4699
+ display: flex;
4700
+ flex-direction: column;
4701
+ gap: var(--adyen-internal-spacer-070);
4702
+ }
4703
+
4704
+ .adyen-kyc-detail-view-layout-actions {
4606
4705
  display: flex;
4607
4706
  flex-direction: column;
4608
- flex: 1;
4609
- overflow-x: auto;
4707
+ gap: var(--adyen-internal-spacer-040);
4708
+ margin: 0 auto;
4709
+ max-width: 320px;
4710
+ width: 100%;
4610
4711
  }
4611
- .adyen-kyc-provider-button {
4712
+ .adyen-kyc-manage-transfer-instrument {
4713
+ padding: var(--adyen-internal-spacer-070, 16px);
4714
+ width: 100%;
4715
+ display: flex;
4612
4716
  align-items: center;
4717
+ flex-direction: column;
4718
+ }.adyen-kyc-manage-ti-overview {
4613
4719
  display: flex;
4614
- gap: var(--adyen-internal-spacer-060);
4615
- justify-content: center;
4616
- max-height: var(--adyen-internal-text-body-line-height);
4617
- overflow: visible;
4618
- }
4619
-
4620
- .adyen-kyc-provider-button-display-name {
4621
- display: none;
4622
- }
4623
-
4624
- .adyen-kyc-provider-button svg {
4625
- display: block;
4626
- height: 28px;
4627
- width: auto;
4628
- }
4629
- .adyen-task-list__container {
4720
+ flex-direction: column;
4721
+ align-items: center;
4722
+ width: 100%;
4723
+ }.adyen-task-list__container {
4630
4724
  margin-left: auto;
4631
4725
  margin-right: auto;
4632
4726
  display: flex;
@@ -4705,159 +4799,6 @@ input.adyen-kyc-radio-group-card__radio--floating {
4705
4799
  .adyen-task-list__description {
4706
4800
  display: flex;
4707
4801
  align-items: center;
4708
- }.adyen-kyc-financial-information-reported-value-options {
4709
- gap: var(--adyen-internal-spacer-060, 12px);
4710
- }.adyen-kyc-reported-value {
4711
- display: flex;
4712
- flex-direction: column;
4713
- padding: var(--adyen-internal-spacer-020, 4px) 0;
4714
- }
4715
-
4716
- .adyen-kyc-reported-value-input {
4717
- margin: var(--adyen-internal-spacer-060, 12px) 0;
4718
- }.adyen-kyc-field--dbaName {
4719
- margin-left: 0 !important;
4720
- }/* for container queries */
4721
- .adyen-kyc-industry-codes-content {
4722
- display: flex;
4723
- flex-direction: column;
4724
- font-size: var(--adyen-internal-text-body-font-size, 14px);
4725
- gap: var(--adyen-internal-spacer-010, 2px);
4726
- }
4727
- @container main (min-width: 680px) {
4728
- .adyen-kyc-industry-codes-content {
4729
- flex-direction: column;
4730
- gap: var(--adyen-internal-spacer-040, 8px);
4731
- }
4732
- }
4733
-
4734
- .adyen-kyc-industry-codes-selection {
4735
- display: flex;
4736
- gap: var(--adyen-internal-spacer-060, 12px);
4737
- }.adyen-kyc-additional-information-content {
4738
- display: flex;
4739
- flex-direction: column;
4740
- gap: var(--adyen-internal-spacer-120);
4741
- }
4742
-
4743
- .adyen-kyc-additional-information-section-heading {
4744
- margin: 0 0 var(--adyen-internal-spacer-090);
4745
- display: flex;
4746
- flex-direction: column;
4747
- gap: var(--adyen-internal-spacer-050);
4748
- }
4749
- .adyen-kyc-divider {
4750
- background-color: var(--adyen-internal-color-separator-primary);
4751
- border: none;
4752
- height: var(--adyen-internal-border-width-s);
4753
- margin-block-end: 0;
4754
- margin-block-start: 0;
4755
- width: 100%;
4756
- }
4757
- .adyen-kyc-verified-business-card {
4758
- display: flex;
4759
- flex-direction: column;
4760
- background: var(--adyen-internal-color-background-secondary);
4761
- padding: var(--adyen-internal-spacer-080) var(--adyen-internal-spacer-090);
4762
- border-radius: var(--adyen-internal-border-radius-m);
4763
- }
4764
-
4765
- .adyen-kyc-verified-business-card-content {
4766
- display: flex;
4767
- flex-direction: column;
4768
- gap: var(--adyen-internal-spacer-080);
4769
- margin-bottom: var(--adyen-internal-spacer-080);
4770
- transition:
4771
- max-height 0.5s ease,
4772
- padding-left 0.35s ease,
4773
- opacity 0.35s ease;
4774
- }
4775
-
4776
- .adyen-kyc-verified-business-card-content-collapsed {
4777
- overflow: hidden;
4778
- max-height: 0;
4779
- opacity: 0;
4780
- margin: 0;
4781
- padding-left: var(--adyen-internal-spacer-080);
4782
- }
4783
-
4784
- .adyen-kyc-verified-business-card-content-expanded {
4785
- max-height: 480px;
4786
- }
4787
-
4788
- .adyen-kyc-verified-business-card-expand-button {
4789
- display: flex;
4790
- flex-direction: row;
4791
- justify-content: flex-start;
4792
- text-decoration: underline;
4793
- }
4794
- .adyen-kyc-basic-information fieldset {
4795
- border: none;
4796
- padding: 0 0 var(--adyen-internal-spacer-080);
4797
- margin: 0;
4798
- }
4799
- .adyen-kyc-business-information {
4800
- display: flex;
4801
- flex-direction: column;
4802
- gap: var(--adyen-internal-spacer-070);
4803
- padding: 0 var(--adyen-internal-spacer-020);
4804
- }
4805
-
4806
- .adyen-kyc-business-information-content {
4807
- display: flex;
4808
- flex-direction: column;
4809
- }
4810
-
4811
- .adyen-kyc-business-information-content-fetching {
4812
- flex-direction: row;
4813
- min-height: 228px;
4814
- justify-content: center;
4815
- align-items: center;
4816
- padding: 0;
4817
- }
4818
- .adyen-kyc-business-selection-footer {
4819
- align-items: center;
4820
- display: flex;
4821
- justify-content: center;
4822
- padding: var(--adyen-internal-spacer-090) 0;
4823
- gap: var(--adyen-internal-spacer-030);
4824
- }
4825
- .adyen-kyc-radio-group-card__label.adyen-kyc-entity-type-radio-group-card__header {
4826
- margin-bottom: var(--adyen-internal-spacer-020, 4px);
4827
- }
4828
-
4829
- .adyen-kyc-radio-card__icon.adyen-kyc-entity-type-radio-group-card__icon span {
4830
- display: flex;
4831
- font-size: calc(var(--adyen-internal-text-title-m-font-size, 20px) * 2);
4832
- }
4833
-
4834
- .adyen-kyc-radio-card.adyen-kyc-entity-type-radio-group-card__container {
4835
- display: flex;
4836
- align-items: center;
4837
- padding: var(--adyen-internal-spacer-070, 16px);
4838
- gap: var(--adyen-internal-spacer-060, 12px);
4839
- }
4840
-
4841
- .adyen-kyc-radio-card__body.adyen-kyc-entity-type-radio-group-card__body {
4842
- display: flex;
4843
- flex-direction: column;
4844
- gap: var(--adyen-internal-spacer-020, 4px);
4845
- margin-bottom: var(--adyen-internal-spacer-000, 0px);
4846
- }
4847
-
4848
- .adyen-kyc-entity-type-radio-group-card__description {
4849
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
4850
- }
4851
-
4852
- .adyen-kyc-entity-type-radio-group-card__examples {
4853
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
4854
- }
4855
-
4856
- .adyen-kyc-trust__role-and-entity-type .adyen-kyc-radio-card {
4857
- display: flex;
4858
- align-items: center;
4859
- flex-grow: 1;
4860
- padding: var(--adyen-internal-spacer-070, 16px);
4861
4802
  }/* for container queries */
4862
4803
  .adyen-task-item {
4863
4804
  gap: var(--adyen-internal-spacer-100, 32px);
@@ -4880,7 +4821,7 @@ input.adyen-kyc-radio-group-card__radio--floating {
4880
4821
  gap: var(--adyen-internal-spacer-040, 8px);
4881
4822
  }
4882
4823
  }
4883
- .adyen-task-item__status .adyen-kyc-icon {
4824
+ .adyen-task-item__status .svg-icon {
4884
4825
  display: inline-flex;
4885
4826
  }
4886
4827
  .adyen-task-item__body {
@@ -4909,6 +4850,9 @@ input.adyen-kyc-radio-group-card__radio--floating {
4909
4850
  height: 32px;
4910
4851
  padding: var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px);
4911
4852
  }
4853
+ .adyen-task-item__warning-message {
4854
+ margin-top: var(--adyen-internal-spacer-050, 10px);
4855
+ }
4912
4856
 
4913
4857
  .adyen-kyc-task-status-details-required,
4914
4858
  .adyen-kyc-task-status-sign,
@@ -4932,84 +4876,25 @@ input.adyen-kyc-radio-group-card__radio--floating {
4932
4876
  }
4933
4877
  .adyen-task-list-group > .adyen-kyc-card__body {
4934
4878
  padding: var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
4935
- }.adyen-kyc-detail-view-layout {
4936
- display: flex;
4937
- flex-direction: column;
4938
- margin-left: auto;
4939
- margin-right: auto;
4940
- max-width: 600px;
4941
- width: 100%;
4942
- }
4943
-
4944
- .adyen-kyc-detail-view-layout-default {
4945
- gap: var(--adyen-internal-spacer-140);
4946
- }
4947
-
4948
- .adyen-kyc-detail-view-layout-compact {
4949
- gap: var(--adyen-internal-spacer-100);
4950
- }
4951
-
4952
- .adyen-kyc-detail-view-layout-header {
4879
+ }.adyen-kyc-provider-button {
4880
+ align-items: center;
4953
4881
  display: flex;
4954
- flex-direction: column;
4955
- gap: var(--adyen-internal-spacer-040);
4956
- }
4957
-
4958
- .adyen-kyc-detail-view-layout-title {
4959
- color: var(--adyen-internal-color-label-primary);
4960
- font-size: var(--adyen-internal-text-title-l-font-size);
4961
- font-weight: var(--adyen-internal-text-title-l-font-weight);
4962
- line-height: var(--adyen-internal-text-title-l-line-height);
4963
- margin: 0;
4964
- }
4965
-
4966
- .adyen-kyc-detail-view-layout-description {
4967
- font-size: var(--adyen-internal-text-title-font-size);
4968
- font-weight: var(--adyen-internal-text-body-font-weight);
4969
- line-height: var(--adyen-internal-text-title-line-height);
4970
- }
4971
-
4972
- .adyen-kyc-detail-view-layout-align-left {
4973
- justify-content: flex-start;
4974
- text-align: left;
4975
- }
4976
-
4977
- .adyen-kyc-detail-view-layout-align-center {
4882
+ gap: var(--adyen-internal-spacer-060);
4978
4883
  justify-content: center;
4979
- text-align: center;
4980
- }
4981
-
4982
- .adyen-kyc-detail-view-layout-align-right {
4983
- justify-content: flex-end;
4984
- text-align: right;
4884
+ max-height: var(--adyen-internal-text-body-line-height);
4885
+ overflow: visible;
4985
4886
  }
4986
4887
 
4987
- .adyen-kyc-detail-view-layout-content {
4988
- display: flex;
4989
- flex-direction: column;
4990
- gap: var(--adyen-internal-spacer-070);
4888
+ .adyen-kyc-provider-button-display-name {
4889
+ display: none;
4991
4890
  }
4992
4891
 
4993
- .adyen-kyc-detail-view-layout-actions {
4994
- display: flex;
4995
- flex-direction: column;
4996
- gap: var(--adyen-internal-spacer-040);
4997
- margin: 0 auto;
4998
- max-width: 320px;
4999
- width: 100%;
4892
+ .adyen-kyc-provider-button svg {
4893
+ display: block;
4894
+ height: 28px;
4895
+ width: auto;
5000
4896
  }
5001
- .adyen-kyc-manage-transfer-instrument {
5002
- padding: var(--adyen-internal-spacer-070, 16px);
5003
- width: 100%;
5004
- display: flex;
5005
- align-items: center;
5006
- flex-direction: column;
5007
- }.adyen-kyc-manage-ti-overview {
5008
- display: flex;
5009
- flex-direction: column;
5010
- align-items: center;
5011
- width: 100%;
5012
- }.adyen-kyc-verification {
4897
+ .adyen-kyc-verification {
5013
4898
  display: block;
5014
4899
  overflow: hidden;
5015
4900
  position: relative;
@@ -5198,6 +5083,14 @@ input.adyen-kyc-radio-group-card__radio--floating {
5198
5083
  }
5199
5084
  .adyen-kyc-table tbody tr:nth-child(even) {
5200
5085
  background-color: var(--adyen-internal-color-background-primary, #ffffff);
5086
+ }.adyen-kyc-side-by-side {
5087
+ display: flex;
5088
+ flex-direction: row;
5089
+ gap: var(--adyen-internal-spacer-080);
5090
+ }
5091
+
5092
+ .adyen-kyc-jp-field {
5093
+ white-space: nowrap;
5201
5094
  }.adyen-kyc-introduction {
5202
5095
  color: var(--adyen-internal-color-label-primary, #001222);
5203
5096
  display: flex;
@@ -5322,162 +5215,152 @@ input.adyen-kyc-radio-group-card__radio--floating {
5322
5215
  background-color: transparent;
5323
5216
  border: none;
5324
5217
  display: flex;
5325
- gap: var(--adyen-internal-spacer-040, 8px);
5218
+ gap: var(--adyen-internal-spacer-040);
5326
5219
  overflow: hidden;
5327
5220
  text-align: left;
5328
5221
  width: 100%;
5329
5222
  }
5330
5223
 
5331
- .adyen-kyc-list-item.adyen-kyc-list-item-bordered {
5332
- padding: var(--adyen-internal-spacer-070, 16px);
5333
- }
5334
-
5335
5224
  .adyen-kyc-list-item-interactive {
5336
- border-radius: var(--adyen-internal-border-radius-m, 8px);
5225
+ border-radius: var(--adyen-internal-border-radius-m);
5337
5226
  cursor: pointer;
5338
- outline-offset: var(--adyen-internal-focus-ring-spacer, 1px);
5339
- outline: var(--adyen-internal-focus-ring-outline, 3px) solid transparent;
5340
- padding: var(--adyen-internal-spacer-040, 8px);
5341
- transition: var(--adyen-internal-animation-duration-slow, 250ms);
5342
- }
5343
- @media (hover: hover) {
5344
- .adyen-kyc-list-item-interactive:hover {
5345
- background-color: var(--adyen-internal-color-background-secondary-hover, #ecedef);
5227
+ outline-offset: var(--adyen-internal-focus-ring-spacer);
5228
+ outline: var(--adyen-internal-focus-ring-outline) solid transparent;
5229
+ padding: var(--adyen-internal-spacer-040);
5230
+ transition: var(--adyen-internal-animation-duration-slow);
5231
+
5232
+ @media (hover: hover) {
5233
+ &:hover {
5234
+ background-color: var(--adyen-internal-color-background-secondary-hover);
5235
+ }
5236
+ }
5237
+
5238
+ &:active {
5239
+ background-color: var(--adyen-internal-color-background-secondary-active);
5240
+ }
5241
+
5242
+ &:focus-visible {
5243
+ outline-color: var(--adyen-internal-color-label-primary);
5244
+ }
5245
+
5246
+ &:disabled,
5247
+ &:disabled * {
5248
+ color: var(--adyen-internal-color-label-disabled);
5249
+ pointer-events: none;
5346
5250
  }
5347
- }
5348
- .adyen-kyc-list-item-interactive:active {
5349
- background-color: var(--adyen-internal-color-background-secondary-active, #e2e5e7);
5350
- }
5351
- .adyen-kyc-list-item-interactive:focus-visible {
5352
- outline-color: var(--adyen-internal-color-label-primary, #001222);
5353
- }
5354
- .adyen-kyc-list-item-interactive:disabled, .adyen-kyc-list-item-interactive:disabled * {
5355
- color: var(--adyen-internal-color-label-disabled, #8c959d);
5356
- pointer-events: none;
5357
5251
  }
5358
5252
 
5359
5253
  .adyen-kyc-list-item-text {
5360
5254
  display: flex;
5361
5255
  flex-direction: column;
5362
5256
  flex-grow: 1;
5363
- gap: var(--adyen-internal-spacer-010, 2px);
5364
- padding-left: var(--adyen-internal-spacer-040, 8px);
5365
- padding-right: var(--adyen-internal-spacer-040, 8px);
5257
+ gap: var(--adyen-internal-spacer-010);
5258
+ padding-left: var(--adyen-internal-spacer-040);
5259
+ padding-right: var(--adyen-internal-spacer-040);
5366
5260
  }
5367
5261
 
5368
5262
  .adyen-kyc-list-item-title {
5369
- color: var(--adyen-internal-color-label-primary, #001222);
5263
+ color: var(--adyen-internal-color-label-primary);
5370
5264
  font-family: var(--adyen-internal-text-body-font-family);
5371
- font-size: var(--adyen-internal-text-body-font-size, 14px);
5372
- font-weight: var(--adyen-internal-text-body-stronger-font-weight, 500);
5373
- line-height: var(--adyen-internal-text-body-line-height, 20px);
5265
+ font-size: var(--adyen-internal-text-body-font-size);
5266
+ font-weight: var(--adyen-internal-text-body-stronger-font-weight);
5267
+ line-height: var(--adyen-internal-text-body-line-height);
5374
5268
  margin: 0;
5375
5269
  }
5376
5270
 
5377
5271
  .adyen-kyc-list-item-description {
5378
- color: var(--adyen-internal-color-label-secondary, #5c6874);
5272
+ color: var(--adyen-internal-color-label-secondary);
5379
5273
  font-family: var(--adyen-internal-text-caption-font-family);
5380
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
5381
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
5274
+ font-size: var(--adyen-internal-text-caption-font-size);
5275
+ line-height: var(--adyen-internal-text-caption-line-height);
5382
5276
  }
5383
5277
 
5384
5278
  .adyen-kyc-list-item-disclosure {
5385
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
5279
+ color: var(--adyen-internal-color-label-tertiary);
5386
5280
  height: 16px;
5387
5281
  width: 16px;
5388
5282
  }
5389
5283
 
5390
5284
  .adyen-kyc-list-item-accessory {
5391
- color: var(--adyen-internal-color-label-tertiary, #8c959d);
5285
+ color: var(--adyen-internal-color-label-tertiary);
5392
5286
  font-family: var(--adyen-internal-text-caption-font-family);
5393
- font-size: var(--adyen-internal-text-caption-font-size, 12px);
5394
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
5395
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
5287
+ font-size: var(--adyen-internal-text-caption-font-size);
5288
+ font-weight: var(--adyen-internal-text-caption-font-weight);
5289
+ line-height: var(--adyen-internal-text-caption-line-height);
5396
5290
  overflow: hidden;
5397
5291
  text-overflow: ellipsis;
5398
5292
  white-space: nowrap;
5399
- }.adyen-kyc-entity-association {
5293
+ }
5294
+ .adyen-kyc-actions-menu {
5295
+ background: var(--adyen-internal-color-background-secondary);
5296
+ border: var(--adyen-internal-border-default-s);
5297
+ border-radius: var(--adyen-internal-border-radius-l);
5298
+ box-shadow: var(--adyen-internal-shadow-medium);
5400
5299
  display: flex;
5401
5300
  flex-direction: column;
5402
- margin: var(--adyen-internal-spacer-000, 0px);
5301
+ margin-top: var(--adyen-internal-spacer-040);
5302
+ padding: var(--adyen-internal-spacer-040);
5303
+ position: absolute;
5304
+ right: var(--adyen-internal-spacer-060);
5305
+ z-index: 500;
5306
+ }
5307
+ .adyen-kyc-actions-menu-option {
5308
+ color: var(--adyen-internal-color-label-secondary);
5309
+ font-size: var(--adyen-internal-text-body-font-size);
5310
+ font-weight: var(--adyen-internal-text-body-font-weight);
5311
+ justify-content: flex-end;
5312
+ padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-040);
5313
+ width: 100%;
5314
+ }
5315
+ .adyen-kyc-entity-association-wrapper {
5316
+ width: 100%;
5317
+ }
5318
+
5319
+ .adyen-kyc-entity-association {
5320
+ display: flex;
5321
+ flex-direction: column;
5322
+ margin: 0;
5403
5323
  width: 100%;
5404
5324
  }
5405
- .adyen-kyc-entity-association__top {
5325
+
5326
+ .adyen-kyc-entity-association-top {
5406
5327
  display: flex;
5407
5328
  flex-wrap: wrap;
5408
5329
  }
5409
- .adyen-kyc-entity-association__title {
5330
+
5331
+ .adyen-kyc-entity-association-title {
5410
5332
  flex: 1;
5411
- font-size: var(--adyen-internal-text-title-font-size, 16px);
5333
+ font-size: var(--adyen-internal-text-title-font-size);
5412
5334
  font-family: var(--adyen-internal-text-title-font-family);
5413
- font-weight: var(--adyen-internal-text-title-font-weight, 600);
5414
- line-height: var(--adyen-internal-text-title-line-height, 26px);
5415
- margin: var(--adyen-internal-spacer-000, 0px);
5335
+ font-weight: var(--adyen-internal-text-title-font-weight);
5336
+ line-height: var(--adyen-internal-text-title-line-height);
5337
+ margin: 0;
5416
5338
  overflow: hidden;
5417
5339
  text-overflow: ellipsis;
5418
5340
  white-space: nowrap;
5419
5341
  }
5420
- .adyen-kyc-entity-association__info {
5342
+
5343
+ .adyen-kyc-entity-association-info {
5421
5344
  align-items: center;
5422
5345
  display: flex;
5423
- gap: var(--adyen-internal-spacer-020, 4px);
5424
- }
5425
- .adyen-kyc-entity-association__tag {
5426
- margin: var(--adyen-internal-spacer-080, 20px) var(--adyen-internal-spacer-040, 8px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px);
5427
- }
5428
- .adyen-kyc-entity-association__actions {
5429
- position: relative;
5430
- }
5431
- .adyen-kyc-entity-association__more-actions-toggle {
5432
- border-radius: 50%;
5433
- color: var(--adyen-internal-color-label-secondary, #5c6874);
5434
- font-size: calc(var(--adyen-internal-text-caption-font-size, 12px) / 2);
5435
- font-family: var(--adyen-internal-text-caption-font-family);
5436
- font-weight: var(--adyen-internal-text-caption-font-weight, 400);
5437
- line-height: var(--adyen-internal-text-caption-line-height, 18px);
5438
- height: 32px;
5439
- margin: var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px);
5440
- min-width: auto;
5441
- width: 32px;
5442
- }
5443
- .adyen-kyc-entity-association__more-actions-toggle .adyen-kyc-icon {
5444
- display: inline-flex;
5445
- margin: var(--adyen-internal-spacer-000, 0px);
5346
+ gap: var(--adyen-internal-spacer-020);
5446
5347
  }
5447
- .adyen-kyc-entity-association__more-actions-toggle:hover {
5448
- background: var(--adyen-internal-color-background-secondary, #f4f5f6);
5348
+
5349
+ .adyen-kyc-entity-association-tag {
5350
+ margin: var(--adyen-internal-spacer-080) var(--adyen-internal-spacer-040) 0 0;
5449
5351
  }
5450
- .adyen-kyc-entity-association__remove {
5451
- display: flex;
5452
- justify-content: center;
5453
- align-items: center;
5352
+
5353
+ .adyen-kyc-entity-association-actions {
5454
5354
  position: relative;
5455
- height: 32px;
5456
- padding: var(--adyen-internal-spacer-000, 0px) var(--adyen-internal-spacer-040, 8px);
5457
5355
  }
5356
+
5458
5357
  .adyen-kyc-entity-association-alert {
5459
- margin-top: var(--adyen-internal-spacer-040, 8px);
5460
- padding: var(--adyen-internal-spacer-040, 8px);
5461
- }.adyen-kyc-actions-menu {
5462
- background: var(--adyen-internal-color-background-secondary);
5463
- border: var(--adyen-internal-border-default-s);
5464
- border-radius: var(--adyen-internal-border-radius-l);
5465
- box-shadow: var(--adyen-internal-shadow-medium);
5466
- display: flex;
5467
- flex-direction: column;
5468
5358
  margin-top: var(--adyen-internal-spacer-040);
5469
5359
  padding: var(--adyen-internal-spacer-040);
5470
- position: absolute;
5471
- right: var(--adyen-internal-spacer-060);
5472
- z-index: 500;
5473
5360
  }
5474
- .adyen-kyc-actions-menu-option {
5475
- color: var(--adyen-internal-color-label-secondary);
5476
- font-size: var(--adyen-internal-text-body-font-size);
5477
- font-weight: var(--adyen-internal-text-body-font-weight);
5478
- justify-content: flex-end;
5479
- padding: var(--adyen-internal-spacer-000) var(--adyen-internal-spacer-040);
5480
- width: 100%;
5361
+
5362
+ .adyen-kyc-entity-association-wrapper .adyen-kyc-card {
5363
+ overflow: visible;
5481
5364
  }
5482
5365
  .adyen-kyc-entity-status__container {
5483
5366
  display: flex;
@@ -5592,17 +5475,113 @@ input.adyen-kyc-radio-group-card__radio--floating {
5592
5475
  text-align: left;
5593
5476
  margin: var(--adyen-internal-spacer-140, 64px) 0 var(--adyen-internal-spacer-100, 32px) 0;
5594
5477
  }
5595
- .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card {
5596
- border: none;
5597
- background-color: var(--adyen-internal-color-background-modal-hover, #f4f5f6);
5598
- }
5599
5478
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--header {
5600
- padding: var(--adyen-internal-spacer-070, 16px);
5479
+ display: flex;
5480
+ justify-content: space-between;
5481
+ align-items: center;
5601
5482
  }
5602
5483
  .adyen-kyc-tax-reporting-dropin .adyen-kyc-summary-tax-status-card--body {
5603
- margin: 0 var(--adyen-internal-spacer-070, 16px);
5604
- padding: var(--adyen-internal-spacer-070, 16px) 0;
5605
- border-top: var(--adyen-internal-border-default-s);
5484
+ margin-top: var(--adyen-internal-spacer-070, 16px);
5485
+ padding-top: var(--adyen-internal-spacer-070, 16px);
5486
+ border-top: 1px solid var(--adyen-internal-color-outline-primary);
5487
+ }/* for container queries */
5488
+ .adyen-kyc-industry-codes-content {
5489
+ display: flex;
5490
+ flex-direction: column;
5491
+ font-size: var(--adyen-internal-text-body-font-size, 14px);
5492
+ gap: var(--adyen-internal-spacer-010, 2px);
5493
+ }
5494
+ @container main (min-width: 680px) {
5495
+ .adyen-kyc-industry-codes-content {
5496
+ flex-direction: column;
5497
+ gap: var(--adyen-internal-spacer-040, 8px);
5498
+ }
5499
+ }
5500
+
5501
+ .adyen-kyc-industry-codes-selection {
5502
+ display: flex;
5503
+ gap: var(--adyen-internal-spacer-060, 12px);
5504
+ }.adyen-kyc-divider {
5505
+ background-color: var(--adyen-internal-color-separator-primary);
5506
+ border: none;
5507
+ height: var(--adyen-internal-border-width-s);
5508
+ margin-block-end: 0;
5509
+ margin-block-start: 0;
5510
+ width: 100%;
5511
+ }
5512
+ .adyen-kyc-field--dbaName {
5513
+ margin-left: 0 !important;
5514
+ }.adyen-kyc-additional-information-content {
5515
+ display: flex;
5516
+ flex-direction: column;
5517
+ gap: var(--adyen-internal-spacer-120);
5518
+ }
5519
+
5520
+ .adyen-kyc-additional-information-section-heading {
5521
+ margin: 0 0 var(--adyen-internal-spacer-090);
5522
+ display: flex;
5523
+ flex-direction: column;
5524
+ gap: var(--adyen-internal-spacer-050);
5525
+ }
5526
+ .adyen-kyc-verified-business-card {
5527
+ display: flex;
5528
+ flex-direction: column;
5529
+ background: var(--adyen-internal-color-background-secondary);
5530
+ padding: var(--adyen-internal-spacer-080) var(--adyen-internal-spacer-090);
5531
+ border-radius: var(--adyen-internal-border-radius-m);
5532
+ }
5533
+
5534
+ .adyen-kyc-verified-business-card-content {
5535
+ display: flex;
5536
+ flex-direction: column;
5537
+ gap: var(--adyen-internal-spacer-080);
5538
+ margin-bottom: var(--adyen-internal-spacer-080);
5539
+ transition:
5540
+ max-height 0.5s ease,
5541
+ padding-left 0.35s ease,
5542
+ opacity 0.35s ease;
5543
+ }
5544
+
5545
+ .adyen-kyc-verified-business-card-content-collapsed {
5546
+ overflow: hidden;
5547
+ max-height: 0;
5548
+ opacity: 0;
5549
+ margin: 0;
5550
+ padding-left: var(--adyen-internal-spacer-080);
5551
+ }
5552
+
5553
+ .adyen-kyc-verified-business-card-content-expanded {
5554
+ max-height: 480px;
5555
+ }
5556
+
5557
+ .adyen-kyc-verified-business-card-expand-button {
5558
+ display: flex;
5559
+ flex-direction: row;
5560
+ justify-content: flex-start;
5561
+ text-decoration: underline;
5562
+ }
5563
+ .adyen-kyc-basic-information fieldset {
5564
+ border: none;
5565
+ padding: 0 0 var(--adyen-internal-spacer-080);
5566
+ margin: 0;
5567
+ }
5568
+ .adyen-kyc-business-selection-footer {
5569
+ align-items: center;
5570
+ display: flex;
5571
+ justify-content: center;
5572
+ padding: var(--adyen-internal-spacer-090) 0;
5573
+ gap: var(--adyen-internal-spacer-030);
5574
+ }
5575
+ .adyen-kyc-financial-information-reported-value-options {
5576
+ gap: var(--adyen-internal-spacer-060, 12px);
5577
+ }.adyen-kyc-reported-value {
5578
+ display: flex;
5579
+ flex-direction: column;
5580
+ padding: var(--adyen-internal-spacer-020, 4px) 0;
5581
+ }
5582
+
5583
+ .adyen-kyc-reported-value-input {
5584
+ margin: var(--adyen-internal-spacer-060, 12px) 0;
5606
5585
  }.adyen-kyc-window {
5607
5586
  position: relative;
5608
5587
  margin-left: calc(50% - 50cqw);
@@ -5800,7 +5779,22 @@ input.adyen-kyc-radio-group-card__radio--floating {
5800
5779
 
5801
5780
  .adyen-kyc-business-lines-list-container {
5802
5781
  width: 100%;
5803
- }.adyen-kyc-settlor-exemption-reasons-list {
5782
+ }.adyen-kyc-multi-select-list {
5783
+ list-style: none;
5784
+ margin: var(--adyen-internal-spacer-000);
5785
+ padding: var(--adyen-internal-spacer-000);
5786
+ }
5787
+
5788
+ .adyen-kyc-multi-select-list-item {
5789
+ background: none !important;
5790
+ padding: var(--adyen-internal-spacer-000);
5791
+ }
5792
+
5793
+ /* TODO: scoping, this overrides children elements classes */
5794
+ .adyen-kyc-multi-select-list-item-with-description .adyen-kyc-adyen-kyc-checkbox__label {
5795
+ font-weight: var(--adyen-internal-text-body-strongest-font-weight);
5796
+ }
5797
+ .adyen-kyc-settlor-exemption-reasons-list {
5804
5798
  list-style-position: inside;
5805
5799
  padding: 0;
5806
5800
  }.adyen-kyc-trust-members .add-owner-alert {
@@ -5891,12 +5885,14 @@ input.adyen-kyc-radio-group-card__radio--floating {
5891
5885
  margin-bottom: var(--adyen-internal-spacer-070, 16px);
5892
5886
  }
5893
5887
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-header {
5894
- padding: var(--adyen-internal-spacer-070, 16px);
5888
+ display: flex;
5889
+ justify-content: space-between;
5890
+ align-items: center;
5895
5891
  }
5896
5892
  .adyen-kyc-source-of-funds-getting-started .adyen-kyc-source-of-funds-getting-started-cards-card-body {
5897
- margin: 0 var(--adyen-internal-spacer-070, 16px);
5898
- padding: var(--adyen-internal-spacer-070, 16px) 0;
5899
- border-top: var(--adyen-kyc-border-default-s);
5893
+ margin-top: var(--adyen-internal-spacer-070, 16px);
5894
+ padding-top: var(--adyen-internal-spacer-070, 16px);
5895
+ border-top: 1px solid var(--adyen-internal-color-outline-primary);
5900
5896
  }
5901
5897
  .adyen-kyc-source-of-funds-getting-started-actions {
5902
5898
  display: flex;