@adyen/kyc-components 3.0.2 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/es/adyen-kyc-components.es.js +2195 -2783
  2. package/dist/style.css +823 -823
  3. package/dist/types/components/BankVerification/types.d.ts +16 -15
  4. package/dist/types/components/BankVerification/verification/widget/component/BankVerificationWidget.d.ts +3 -3
  5. package/dist/types/components/BusinessTypeSelection/utils.d.ts +1 -0
  6. package/dist/types/components/CompanyOtherDetails/validate.d.ts +5 -3
  7. package/dist/types/components/Dropins/FormWrapper/FormWrapper.d.ts +3 -3
  8. package/dist/types/components/Dropins/PayoutDetailsDropin/components/PayoutDetailsDropinComponent.d.ts +3 -2
  9. package/dist/types/components/PayoutAccount/types.d.ts +2 -2
  10. package/dist/types/components/PayoutDetails/rules.d.ts +2 -2
  11. package/dist/types/components/PayoutDetails/types.d.ts +7 -3
  12. package/dist/types/components/PayoutVerificationMethod/types.d.ts +2 -2
  13. package/dist/types/components/PersonalDetails/component/labels.d.ts +1 -1
  14. package/dist/types/components/internal/Address/utils.d.ts +1 -1
  15. package/dist/types/components/internal/FormFields/MaskedInputText/MaskedInputText.d.ts +2 -1
  16. package/dist/types/components/internal/IdFieldTypeSelector/countryIdNumberTypes.d.ts +15 -2
  17. package/dist/types/components/internal/IdFieldTypeSelector/inferTaxIdNumberType.d.ts +10 -0
  18. package/dist/types/components/internal/TaxId/fieldConfig.d.ts +10 -0
  19. package/dist/types/components/internal/TaxId/types.d.ts +4 -0
  20. package/dist/types/components/internal/VatNumber/fieldConfig.d.ts +10 -0
  21. package/dist/types/components/internal/VatNumber/types.d.ts +4 -2
  22. package/dist/types/core/Context/ExperimentContext/types.d.ts +0 -1
  23. package/dist/types/core/hooks/useAsyncAccountDetailsValidationRules.d.ts +1 -1
  24. package/dist/types/core/hooks/useBankConfigurationHandlers.d.ts +1 -1
  25. package/dist/types/core/hooks/useBusinessSetup.d.ts +4 -3
  26. package/dist/types/core/hooks/useForm/types.d.ts +5 -2
  27. package/dist/types/core/models/api/get-configuration.d.ts +1 -1
  28. package/dist/types/core/models/country-config.d.ts +1 -0
  29. package/dist/types/core/process-field-configurations.d.ts +1 -1
  30. package/dist/types/language/config.d.ts +7 -11
  31. package/dist/types/utils/dropin-utils.d.ts +1 -1
  32. package/dist/types/utils/entity-status-util.d.ts +1 -1
  33. package/dist/types/utils/formUtils.d.ts +2 -0
  34. package/dist/types/utils/getFieldsWithExistingData.d.ts +2 -1
  35. package/dist/types/utils/mapping/componentApiMapping.d.ts +2 -2
  36. package/dist/types/utils/masking/masks/businessRegistrationNumberMasks.d.ts +4 -8
  37. package/dist/types/utils/regex/basePatterns.d.ts +0 -1
  38. package/dist/types/utils/regex/businessRegistrationNumberPatterns.d.ts +1 -1
  39. package/dist/types/utils/regex/index.d.ts +0 -1
  40. package/package.json +1 -1
  41. package/dist/types/components/CompanyRegistrationDetails/component/labels.d.ts +0 -6
  42. package/dist/types/components/internal/TaxId/rules.d.ts +0 -8
  43. package/dist/types/components/internal/TaxId/taxIdValidation.d.ts +0 -2
  44. package/dist/types/components/internal/TaxId/validate.d.ts +0 -4
  45. package/dist/types/components/internal/TaxInformationField/validate.d.ts +0 -4
  46. package/dist/types/components/internal/VatNumber/validate.d.ts +0 -5
  47. package/dist/types/components/internal/VatNumber/vatNumberValidation.d.ts +0 -9
  48. package/dist/types/components/internal/VatNumberField/validate.d.ts +0 -4
  49. package/dist/types/utils/masking/masks/vatNumberMasks.d.ts +0 -4
  50. package/dist/types/utils/regex/vatNumberPatterns.d.ts +0 -19
package/dist/style.css CHANGED
@@ -72401,104 +72401,34 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72401
72401
  /* #endregion */
72402
72402
  /* #region Inline components */
72403
72403
  /* #endregion */
72404
- /* stylelint-disable-line scss/dollar-variable-pattern */
72405
- /* stylelint-disable-line scss/dollar-variable-pattern */
72406
- /* stylelint-disable-line scss/dollar-variable-pattern */
72407
- /* stylelint-disable-line scss/dollar-variable-pattern */
72408
- .adyen-kyc-form-container {
72409
- width: 100%;
72410
- }
72411
- .adyen-layout-md .adyen-kyc-form-container {
72412
- flex: 1;
72413
- width: auto;
72414
- }
72415
- .adyen-kyc-form-wrapper--hidden {
72416
- display: none;
72417
- }
72418
- .adyen-kyc-dropin__sidebar-wrapper {
72419
- width: 27%;
72420
- }
72421
- .adyen-layout-xs-only .adyen-kyc-dropin__content-main {
72422
- flex-direction: column;
72423
- }/* #region Spacing */
72424
- /* #endregion */
72425
- /* #region Colors */
72426
- /* #endregion */
72427
- /* #region Fonts */
72428
- /* #endregion */
72429
- /* #region Borders */
72430
- /* #endregion */
72431
- /* #region Box-shadow */
72432
- /* #endregion */
72433
- /* #region Shadows */
72434
- /* #endregion */
72435
- /* #region Z-index */
72436
- /* #endregion */
72437
- /* #region Transition */
72438
- /* #endregion */
72439
- /* #region Timing functions */
72440
- /* #endregion */
72441
- /* #region Focus ring */
72442
- /* #endregion */
72443
- /* #region Inline components */
72444
- /* #endregion */
72445
- /* stylelint-disable-line scss/dollar-variable-pattern */
72446
- /* stylelint-disable-line scss/dollar-variable-pattern */
72447
- /* stylelint-disable-line scss/dollar-variable-pattern */
72448
- /* stylelint-disable-line scss/dollar-variable-pattern */
72449
- /* stylelint-disable scss/dollar-variable-default */
72450
- /* stylelint-enable scss/dollar-variable-default */
72451
- .adyen-kyc-dropin {
72452
- color: #00112c;
72453
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
72454
- font-size: 15px;
72455
- -webkit-font-smoothing: antialiased;
72456
- -moz-osx-font-smoothing: grayscale;
72457
- font-weight: 400;
72458
- line-height: 1.4;
72459
- background: #fff;
72460
- display: flex;
72461
- flex-direction: column;
72462
- height: 100%;
72463
- overflow: hidden;
72464
- position: relative;
72465
- width: 100%;
72466
- }
72467
- .adyen-kyc-dropin *,
72468
- .adyen-kyc-dropin *::before,
72469
- .adyen-kyc-dropin *::after {
72470
- box-sizing: border-box;
72404
+ .adyen-kyc-business-type-selection {
72405
+ max-width: 544px;
72471
72406
  }
72472
- .adyen-kyc-dropin-container {
72473
- min-height: 480px;
72474
- transform: scale(1);
72475
- width: 100%;
72407
+ .adyen-kyc-business-type-selection__nav {
72408
+ margin-top: 32px;
72476
72409
  }
72477
- .adyen-kyc-dropin__content {
72410
+ .adyen-kyc-business-type-selection__confirm {
72478
72411
  display: flex;
72479
- flex: 1;
72480
- flex-direction: column;
72481
- height: calc(100% - 56px);
72482
- overflow: auto;
72412
+ gap: 16px;
72413
+ margin-top: 32px;
72483
72414
  }
72484
- .adyen-layout-md .adyen-kyc-dropin__content {
72485
- height: calc(100% - 72px);
72415
+ .adyen-kyc-business-type-selection__confirm button {
72416
+ flex-grow: 1;
72486
72417
  }
72487
- .adyen-kyc-dropin__content-main {
72418
+
72419
+ .adyen-kyc-trustee-type-radio-group-card {
72488
72420
  display: flex;
72489
- flex: 1;
72490
- padding: 16px;
72491
- width: 100%;
72421
+ gap: 16px;
72492
72422
  }
72493
- .adyen-layout-md .adyen-kyc-dropin__content-main {
72494
- padding: 24px;
72423
+ .adyen-kyc-trustee-type-radio-group-card .adl-radio-card {
72424
+ flex-grow: 1;
72495
72425
  }
72496
- .adyen-layout-lg .adyen-kyc-dropin__content-main {
72497
- padding: 40px;
72426
+ .adyen-kyc-trustee-type-radio-group-card .adl-label {
72427
+ margin-bottom: 0 !important;
72498
72428
  }
72499
- .adyen-kyc-dropin__main {
72500
- border-radius: 6px;
72501
- width: 100%;
72429
+ .adyen-kyc-trustee-type-radio-group-card input {
72430
+ display: flex;
72431
+ margin-left: auto;
72502
72432
  }/* #region Spacing */
72503
72433
  /* #endregion */
72504
72434
  /* #region Colors */
@@ -72521,6 +72451,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72521
72451
  /* #endregion */
72522
72452
  /* #region Inline components */
72523
72453
  /* #endregion */
72454
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72455
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72456
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72457
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72524
72458
  /* #region Spacing */
72525
72459
  /* #endregion */
72526
72460
  /* #region Colors */
@@ -72543,56 +72477,46 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72543
72477
  /* #endregion */
72544
72478
  /* #region Inline components */
72545
72479
  /* #endregion */
72546
- /* stylelint-disable-line scss/dollar-variable-pattern */
72547
- /* stylelint-disable-line scss/dollar-variable-pattern */
72548
- /* stylelint-disable-line scss/dollar-variable-pattern */
72549
- /* stylelint-disable-line scss/dollar-variable-pattern */
72550
- .adyen-kyc-loading-input__form .adyen-kyc-form-navigation {
72551
- width: 100%;
72552
- }
72553
- .adyen-kyc-form-navigation {
72554
- width: 27%;
72555
- }
72556
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
72557
- display: none;
72558
- }
72559
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adl-button__text {
72560
- font-size: 0;
72561
- }
72562
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
72563
- font-size: 21px;
72564
- padding-left: 0;
72565
- }
72566
- .adyen-layout-md .adyen-kyc-form-navigation {
72567
- padding-right: 40px;
72568
- }
72569
- .adyen-layout-md .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
72570
- display: none;
72480
+ .adl-heading {
72481
+ color: #00112c;
72482
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
72483
+ font-size: 15px;
72484
+ -webkit-font-smoothing: antialiased;
72485
+ -moz-osx-font-smoothing: grayscale;
72486
+ font-weight: 400;
72487
+ line-height: 1.4;
72488
+ display: block;
72489
+ font-size: 32px;
72490
+ font-weight: 600;
72491
+ line-height: 40px;
72492
+ margin: 0;
72493
+ padding: 0;
72571
72494
  }
72572
- .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72573
- display: none;
72495
+ .adl-heading *,
72496
+ .adl-heading *::before,
72497
+ .adl-heading *::after {
72498
+ box-sizing: border-box;
72574
72499
  }
72575
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72576
- color: #8390a3;
72577
- font-size: 13px;
72500
+ .adl-heading--2 {
72501
+ font-size: 24px;
72578
72502
  font-weight: 600;
72579
- text-transform: uppercase;
72503
+ line-height: 32px;
72580
72504
  }
72581
- .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
72582
- margin: 0;
72583
- padding: 0;
72505
+ .adl-heading--3 {
72506
+ font-size: 20px;
72507
+ font-weight: 600;
72508
+ line-height: 28px;
72584
72509
  }
72585
- .adyen-kyc-form-navigation__step-count {
72586
- color: #69778c;
72587
- font-size: 13px;
72510
+ .adl-heading--4 {
72511
+ font-size: 16px;
72588
72512
  font-weight: 600;
72513
+ line-height: 24px;
72589
72514
  }
72590
- .adyen-kyc-form-navigation__home-button-item {
72591
- align-items: center;
72592
- display: flex;
72593
- justify-content: space-between;
72594
- list-style-type: none;
72595
- margin-bottom: 16px;
72515
+ .adl-heading--sub {
72516
+ color: #394962;
72517
+ font-size: 16px;
72518
+ font-weight: 400;
72519
+ line-height: 24px;
72596
72520
  }/* #region Spacing */
72597
72521
  /* #endregion */
72598
72522
  /* #region Colors */
@@ -72641,109 +72565,125 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72641
72565
  /* stylelint-disable-line scss/dollar-variable-pattern */
72642
72566
  /* stylelint-disable-line scss/dollar-variable-pattern */
72643
72567
  /* stylelint-disable-line scss/dollar-variable-pattern */
72644
- /* #region Spacing */
72645
- /* #endregion */
72646
- /* #region Colors */
72647
- /* #endregion */
72648
- /* #region Fonts */
72649
- /* #endregion */
72650
- /* #region Borders */
72651
- /* #endregion */
72652
- /* #region Box-shadow */
72653
- /* #endregion */
72654
- /* #region Shadows */
72655
- /* #endregion */
72656
- /* #region Z-index */
72657
- /* #endregion */
72658
- /* #region Transition */
72659
- /* #endregion */
72660
- /* #region Timing functions */
72661
- /* #endregion */
72662
- /* #region Focus ring */
72663
- /* #endregion */
72664
- /* #region Inline components */
72665
- /* #endregion */
72666
- /* stylelint-disable-line scss/dollar-variable-pattern */
72667
- /* stylelint-disable-line scss/dollar-variable-pattern */
72668
- /* stylelint-disable-line scss/dollar-variable-pattern */
72669
- /* stylelint-disable-line scss/dollar-variable-pattern */
72670
- /* #region Spacing */
72671
- /* #endregion */
72672
- /* #region Colors */
72673
- /* #endregion */
72674
- /* #region Fonts */
72675
- /* #endregion */
72676
- /* #region Borders */
72677
- /* #endregion */
72678
- /* #region Box-shadow */
72679
- /* #endregion */
72680
- /* #region Shadows */
72681
- /* #endregion */
72682
- /* #region Z-index */
72683
- /* #endregion */
72684
- /* #region Transition */
72685
- /* #endregion */
72686
- /* #region Timing functions */
72687
- /* #endregion */
72688
- /* #region Focus ring */
72689
- /* #endregion */
72690
- /* #region Inline components */
72691
- /* #endregion */
72692
- /* #region Spacing */
72693
- /* #endregion */
72694
- /* #region Colors */
72695
- /* #endregion */
72696
- /* #region Fonts */
72697
- /* #endregion */
72698
- /* #region Borders */
72699
- /* #endregion */
72700
- /* #region Box-shadow */
72701
- /* #endregion */
72702
- /* #region Shadows */
72703
- /* #endregion */
72704
- /* #region Z-index */
72705
- /* #endregion */
72706
- /* #region Transition */
72707
- /* #endregion */
72708
- /* #region Timing functions */
72709
- /* #endregion */
72710
- /* #region Focus ring */
72711
- /* #endregion */
72712
- /* #region Inline components */
72713
- /* #endregion */
72714
- /* stylelint-disable-line scss/dollar-variable-pattern */
72715
- /* stylelint-disable-line scss/dollar-variable-pattern */
72716
- /* stylelint-disable-line scss/dollar-variable-pattern */
72717
- /* stylelint-disable-line scss/dollar-variable-pattern */
72718
- .adl-u-screen-reader-only {
72719
- border: 0;
72720
- clip: rect(0, 0, 0, 0);
72721
- height: 1px;
72568
+ .adl-toast {
72569
+ color: #00112c;
72570
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
72571
+ font-size: 15px;
72572
+ -webkit-font-smoothing: antialiased;
72573
+ -moz-osx-font-smoothing: grayscale;
72574
+ font-weight: 400;
72575
+ line-height: 1.4;
72576
+ background: #00112c;
72577
+ border-radius: 6px;
72578
+ color: #fff;
72579
+ display: flex;
72580
+ font-size: 15px;
72581
+ height: auto;
72582
+ line-height: 1.4;
72583
+ opacity: 0;
72722
72584
  overflow: hidden;
72723
- padding: 0 !important;
72724
- position: absolute;
72725
- white-space: nowrap;
72726
- width: 1px;
72585
+ padding: 8px;
72586
+ transform: translateY(2%);
72587
+ transition: ease 200ms;
72588
+ transition-property: opacity, transform, visibility;
72589
+ user-select: none;
72590
+ visibility: hidden;
72591
+ white-space: normal;
72592
+ z-index: 1;
72727
72593
  }
72728
- .adl-u-screen-reader-only-focusable {
72729
- border: 0;
72730
- clip: rect(0, 0, 0, 0);
72731
- height: 1px;
72732
- overflow: hidden;
72733
- padding: 0 !important;
72594
+ .adl-toast *,
72595
+ .adl-toast *::before,
72596
+ .adl-toast *::after {
72597
+ box-sizing: border-box;
72598
+ }
72599
+ .adl-toast--collapsed {
72600
+ background-color: #8390a3;
72601
+ }
72602
+ .adl-toast--visible {
72603
+ opacity: 1;
72604
+ transform: translateY(0);
72605
+ visibility: visible;
72606
+ }
72607
+ .adl-toast__message {
72608
+ flex: 1;
72609
+ }
72610
+ .adl-toast__title {
72611
+ display: block;
72612
+ font-weight: 600;
72613
+ margin: 4px 0;
72614
+ padding: 0 0 0 8px;
72615
+ }
72616
+ .adl-toast__subtitle {
72617
+ color: #a5afbd;
72618
+ display: block;
72619
+ margin: 2px 0 0 0;
72620
+ padding: 0 8px 4px;
72621
+ }
72622
+ .adl-toast__close {
72623
+ background: none;
72624
+ border: none;
72625
+ color: #8390a3;
72626
+ cursor: pointer;
72627
+ display: inline-flex;
72628
+ font-size: 15px;
72629
+ height: 16px;
72630
+ margin: 7px 6px;
72631
+ padding: 0;
72632
+ }
72633
+ .adl-toast__status {
72634
+ border-radius: 50%;
72635
+ color: #00112c;
72636
+ font-size: 15px;
72637
+ height: 18px;
72638
+ margin: 4px 0 0 8px;
72639
+ vertical-align: top;
72640
+ width: 18px;
72641
+ }
72642
+ .adl-toast__status--success {
72643
+ background-color: #60d58f;
72644
+ }
72645
+ .adl-toast__status--error {
72646
+ background-color: #ee5959;
72647
+ }
72648
+ .adl-toast__status-icon {
72649
+ margin: 1.5px;
72650
+ }
72651
+ .adl-toast__action {
72652
+ color: #a5afbd;
72653
+ display: block;
72654
+ margin: 2px 0 0 0;
72655
+ padding: 0 8px 4px;
72656
+ font-size: 15px;
72657
+ font-weight: 600;
72658
+ line-height: 1.4;
72659
+ text-decoration: underline;
72660
+ }
72661
+ .adl-toast__action:visited {
72662
+ color: #a5afbd;
72663
+ }
72664
+ .adl-toast__loader {
72665
+ display: inline-block;
72666
+ height: 16px;
72667
+ margin: 6px;
72668
+ width: 16px;
72669
+ }
72670
+ .adyen-kyc-dropin__toast-context {
72671
+ max-width: calc(100% - 16px);
72672
+ }
72673
+ .adyen-kyc-dropin__toast-stack {
72674
+ display: flex;
72675
+ justify-content: center;
72734
72676
  position: absolute;
72735
- white-space: nowrap;
72736
- width: 1px;
72677
+ width: 100%;
72678
+ z-index: 1;
72737
72679
  }
72738
- .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
72739
- clip: auto;
72740
- height: auto;
72741
- overflow: visible;
72742
- position: static;
72743
- white-space: normal;
72744
- width: auto;
72680
+ .adyen-layout-xs-only .adyen-kyc-dropin__toast-stack {
72681
+ bottom: 16px;
72682
+ position: fixed;
72745
72683
  }
72746
- /* #region Spacing */
72684
+ .adyen-layout-md .adyen-kyc-dropin__toast-stack {
72685
+ top: 16px;
72686
+ }/* #region Spacing */
72747
72687
  /* #endregion */
72748
72688
  /* #region Colors */
72749
72689
  /* #endregion */
@@ -72769,43 +72709,101 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72769
72709
  /* stylelint-disable-line scss/dollar-variable-pattern */
72770
72710
  /* stylelint-disable-line scss/dollar-variable-pattern */
72771
72711
  /* stylelint-disable-line scss/dollar-variable-pattern */
72772
- .adl-u-text-align-center {
72773
- text-align: center !important;
72712
+ .adyen-kyc-form-container {
72713
+ width: 100%;
72774
72714
  }
72775
- .adl-u-text-align-left {
72776
- text-align: left !important;
72715
+ .adyen-layout-md .adyen-kyc-form-container {
72716
+ flex: 1;
72717
+ width: auto;
72777
72718
  }
72778
- .adl-u-text-align-right {
72779
- text-align: right !important;
72719
+ .adyen-kyc-form-wrapper--hidden {
72720
+ display: none;
72780
72721
  }
72781
- .adl-u-text-align-justify {
72782
- text-align: justify !important;
72722
+ .adyen-kyc-dropin__sidebar-wrapper {
72723
+ width: 27%;
72783
72724
  }
72784
- .adl-u-vertical-align-baseline {
72785
- vertical-align: baseline !important;
72725
+ .adyen-layout-xs-only .adyen-kyc-dropin__content-main {
72726
+ flex-direction: column;
72727
+ }/* #region Spacing */
72728
+ /* #endregion */
72729
+ /* #region Colors */
72730
+ /* #endregion */
72731
+ /* #region Fonts */
72732
+ /* #endregion */
72733
+ /* #region Borders */
72734
+ /* #endregion */
72735
+ /* #region Box-shadow */
72736
+ /* #endregion */
72737
+ /* #region Shadows */
72738
+ /* #endregion */
72739
+ /* #region Z-index */
72740
+ /* #endregion */
72741
+ /* #region Transition */
72742
+ /* #endregion */
72743
+ /* #region Timing functions */
72744
+ /* #endregion */
72745
+ /* #region Focus ring */
72746
+ /* #endregion */
72747
+ /* #region Inline components */
72748
+ /* #endregion */
72749
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72750
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72751
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72752
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72753
+ /* stylelint-disable scss/dollar-variable-default */
72754
+ /* stylelint-enable scss/dollar-variable-default */
72755
+ .adyen-kyc-dropin {
72756
+ color: #00112c;
72757
+ font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
72758
+ font-size: 15px;
72759
+ -webkit-font-smoothing: antialiased;
72760
+ -moz-osx-font-smoothing: grayscale;
72761
+ font-weight: 400;
72762
+ line-height: 1.4;
72763
+ background: #fff;
72764
+ display: flex;
72765
+ flex-direction: column;
72766
+ height: 100%;
72767
+ overflow: hidden;
72768
+ position: relative;
72769
+ width: 100%;
72786
72770
  }
72787
- .adl-u-vertical-align-top {
72788
- vertical-align: top !important;
72771
+ .adyen-kyc-dropin *,
72772
+ .adyen-kyc-dropin *::before,
72773
+ .adyen-kyc-dropin *::after {
72774
+ box-sizing: border-box;
72789
72775
  }
72790
- .adl-u-vertical-align-middle {
72791
- vertical-align: middle !important;
72776
+ .adyen-kyc-dropin-container {
72777
+ min-height: 480px;
72778
+ transform: scale(1);
72779
+ width: 100%;
72792
72780
  }
72793
- .adl-u-vertical-align-bottom {
72794
- vertical-align: bottom !important;
72781
+ .adyen-kyc-dropin__content {
72782
+ display: flex;
72783
+ flex: 1;
72784
+ flex-direction: column;
72785
+ height: calc(100% - 56px);
72786
+ overflow: auto;
72795
72787
  }
72796
- .adl-u-vertical-align-text-top {
72797
- vertical-align: text-top !important;
72788
+ .adyen-layout-md .adyen-kyc-dropin__content {
72789
+ height: calc(100% - 72px);
72798
72790
  }
72799
- .adl-u-vertical-align-text-bottom {
72800
- vertical-align: text-bottom !important;
72791
+ .adyen-kyc-dropin__content-main {
72792
+ display: flex;
72793
+ flex: 1;
72794
+ padding: 16px;
72795
+ width: 100%;
72801
72796
  }
72802
- .adl-u-float-left {
72803
- float: left !important;
72797
+ .adyen-layout-md .adyen-kyc-dropin__content-main {
72798
+ padding: 24px;
72804
72799
  }
72805
- .adl-u-float-right {
72806
- float: right !important;
72800
+ .adyen-layout-lg .adyen-kyc-dropin__content-main {
72801
+ padding: 40px;
72807
72802
  }
72808
- /* #region Spacing */
72803
+ .adyen-kyc-dropin__main {
72804
+ border-radius: 6px;
72805
+ width: 100%;
72806
+ }/* #region Spacing */
72809
72807
  /* #endregion */
72810
72808
  /* #region Colors */
72811
72809
  /* #endregion */
@@ -72849,41 +72847,78 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72849
72847
  /* #endregion */
72850
72848
  /* #region Inline components */
72851
72849
  /* #endregion */
72852
- .adl-u-border-none {
72853
- border: none !important;
72854
- }
72855
- .adl-u-border-bottom-none {
72856
- border-bottom: none !important;
72850
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72851
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72852
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72853
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72854
+ .adyen-kyc-loading-input__form .adyen-kyc-form-navigation {
72855
+ width: 100%;
72857
72856
  }
72858
- .adl-u-border-left-none {
72859
- border-left: none !important;
72857
+ .adyen-kyc-form-navigation {
72858
+ width: 27%;
72860
72859
  }
72861
- .adl-u-border-right-none {
72862
- border-right: none !important;
72860
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__item {
72861
+ display: none;
72863
72862
  }
72864
- .adl-u-border-top-none {
72865
- border-top: none !important;
72863
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adl-button__text {
72864
+ font-size: 0;
72866
72865
  }
72867
- .adl-u-border-x-none {
72868
- border-left: none !important;
72869
- border-right: none !important;
72866
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__home-button-item .adyen-kyc-form-navigation__home-button {
72867
+ font-size: 21px;
72868
+ padding-left: 0;
72870
72869
  }
72871
- .adl-u-border-y-none {
72872
- border-bottom: none !important;
72873
- border-top: none !important;
72870
+ .adyen-layout-md .adyen-kyc-form-navigation {
72871
+ padding-right: 40px;
72874
72872
  }
72875
- .adl-u-border-radius-4 {
72876
- border-radius: 4px !important;
72873
+ .adyen-layout-md .adyen-kyc-form-navigation .adyen-kyc-form-navigation__step-count {
72874
+ display: none;
72877
72875
  }
72878
- .adl-u-border-radius-6 {
72879
- border-radius: 6px !important;
72876
+ .adyen-layout-xs-only .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72877
+ display: none;
72880
72878
  }
72881
- .adl-u-border-radius-8 {
72882
- border-radius: 8px !important;
72879
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__header {
72880
+ color: #8390a3;
72881
+ font-size: 13px;
72882
+ font-weight: 600;
72883
+ text-transform: uppercase;
72883
72884
  }
72884
- .adl-u-border-radius-12 {
72885
- border-radius: 12px !important;
72885
+ .adyen-kyc-form-navigation .adyen-kyc-form-navigation__items {
72886
+ margin: 0;
72887
+ padding: 0;
72888
+ }
72889
+ .adyen-kyc-form-navigation__step-count {
72890
+ color: #69778c;
72891
+ font-size: 13px;
72892
+ font-weight: 600;
72886
72893
  }
72894
+ .adyen-kyc-form-navigation__home-button-item {
72895
+ align-items: center;
72896
+ display: flex;
72897
+ justify-content: space-between;
72898
+ list-style-type: none;
72899
+ margin-bottom: 16px;
72900
+ }/* #region Spacing */
72901
+ /* #endregion */
72902
+ /* #region Colors */
72903
+ /* #endregion */
72904
+ /* #region Fonts */
72905
+ /* #endregion */
72906
+ /* #region Borders */
72907
+ /* #endregion */
72908
+ /* #region Box-shadow */
72909
+ /* #endregion */
72910
+ /* #region Shadows */
72911
+ /* #endregion */
72912
+ /* #region Z-index */
72913
+ /* #endregion */
72914
+ /* #region Transition */
72915
+ /* #endregion */
72916
+ /* #region Timing functions */
72917
+ /* #endregion */
72918
+ /* #region Focus ring */
72919
+ /* #endregion */
72920
+ /* #region Inline components */
72921
+ /* #endregion */
72887
72922
  /* #region Spacing */
72888
72923
  /* #endregion */
72889
72924
  /* #region Colors */
@@ -72906,6 +72941,10 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72906
72941
  /* #endregion */
72907
72942
  /* #region Inline components */
72908
72943
  /* #endregion */
72944
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72945
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72946
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72947
+ /* stylelint-disable-line scss/dollar-variable-pattern */
72909
72948
  /* #region Spacing */
72910
72949
  /* #endregion */
72911
72950
  /* #region Colors */
@@ -72932,67 +72971,332 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
72932
72971
  /* stylelint-disable-line scss/dollar-variable-pattern */
72933
72972
  /* stylelint-disable-line scss/dollar-variable-pattern */
72934
72973
  /* stylelint-disable-line scss/dollar-variable-pattern */
72935
- .adl-u-color-white {
72936
- color: #fff !important;
72937
- }
72938
- .adl-u-color-black {
72939
- color: #00112c !important;
72940
- }
72941
- .adl-u-color-grey-10 {
72942
- color: #f3f6f9 !important;
72943
- }
72944
- .adl-u-color-grey-20 {
72945
- color: #dce0e5 !important;
72946
- }
72947
- .adl-u-color-grey-30 {
72948
- color: #a5afbd !important;
72949
- }
72950
- .adl-u-color-grey-40 {
72951
- color: #8390a3 !important;
72974
+ /* #region Spacing */
72975
+ /* #endregion */
72976
+ /* #region Colors */
72977
+ /* #endregion */
72978
+ /* #region Fonts */
72979
+ /* #endregion */
72980
+ /* #region Borders */
72981
+ /* #endregion */
72982
+ /* #region Box-shadow */
72983
+ /* #endregion */
72984
+ /* #region Shadows */
72985
+ /* #endregion */
72986
+ /* #region Z-index */
72987
+ /* #endregion */
72988
+ /* #region Transition */
72989
+ /* #endregion */
72990
+ /* #region Timing functions */
72991
+ /* #endregion */
72992
+ /* #region Focus ring */
72993
+ /* #endregion */
72994
+ /* #region Inline components */
72995
+ /* #endregion */
72996
+ /* #region Spacing */
72997
+ /* #endregion */
72998
+ /* #region Colors */
72999
+ /* #endregion */
73000
+ /* #region Fonts */
73001
+ /* #endregion */
73002
+ /* #region Borders */
73003
+ /* #endregion */
73004
+ /* #region Box-shadow */
73005
+ /* #endregion */
73006
+ /* #region Shadows */
73007
+ /* #endregion */
73008
+ /* #region Z-index */
73009
+ /* #endregion */
73010
+ /* #region Transition */
73011
+ /* #endregion */
73012
+ /* #region Timing functions */
73013
+ /* #endregion */
73014
+ /* #region Focus ring */
73015
+ /* #endregion */
73016
+ /* #region Inline components */
73017
+ /* #endregion */
73018
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73019
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73020
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73021
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73022
+ .adl-u-screen-reader-only {
73023
+ border: 0;
73024
+ clip: rect(0, 0, 0, 0);
73025
+ height: 1px;
73026
+ overflow: hidden;
73027
+ padding: 0 !important;
73028
+ position: absolute;
73029
+ white-space: nowrap;
73030
+ width: 1px;
72952
73031
  }
72953
- .adl-u-color-grey-50 {
72954
- color: #69778c !important;
73032
+ .adl-u-screen-reader-only-focusable {
73033
+ border: 0;
73034
+ clip: rect(0, 0, 0, 0);
73035
+ height: 1px;
73036
+ overflow: hidden;
73037
+ padding: 0 !important;
73038
+ position: absolute;
73039
+ white-space: nowrap;
73040
+ width: 1px;
72955
73041
  }
72956
- .adl-u-color-grey-60 {
72957
- color: #394962 !important;
73042
+ .adl-u-screen-reader-only-focusable:active, .adl-u-screen-reader-only-focusable:focus {
73043
+ clip: auto;
73044
+ height: auto;
73045
+ overflow: visible;
73046
+ position: static;
73047
+ white-space: normal;
73048
+ width: auto;
72958
73049
  }
72959
- .adl-u-color-grey-70 {
72960
- color: #20304c !important;
73050
+ /* #region Spacing */
73051
+ /* #endregion */
73052
+ /* #region Colors */
73053
+ /* #endregion */
73054
+ /* #region Fonts */
73055
+ /* #endregion */
73056
+ /* #region Borders */
73057
+ /* #endregion */
73058
+ /* #region Box-shadow */
73059
+ /* #endregion */
73060
+ /* #region Shadows */
73061
+ /* #endregion */
73062
+ /* #region Z-index */
73063
+ /* #endregion */
73064
+ /* #region Transition */
73065
+ /* #endregion */
73066
+ /* #region Timing functions */
73067
+ /* #endregion */
73068
+ /* #region Focus ring */
73069
+ /* #endregion */
73070
+ /* #region Inline components */
73071
+ /* #endregion */
73072
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73073
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73074
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73075
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73076
+ .adl-u-text-align-center {
73077
+ text-align: center !important;
72961
73078
  }
72962
- .adl-u-color-info-10 {
72963
- color: #e6f0ff !important;
73079
+ .adl-u-text-align-left {
73080
+ text-align: left !important;
72964
73081
  }
72965
- .adl-u-color-info-20 {
72966
- color: #cce0ff !important;
73082
+ .adl-u-text-align-right {
73083
+ text-align: right !important;
72967
73084
  }
72968
- .adl-u-color-info-30 {
72969
- color: #80b2ff !important;
73085
+ .adl-u-text-align-justify {
73086
+ text-align: justify !important;
72970
73087
  }
72971
- .adl-u-color-info-40 {
72972
- color: #06f !important;
73088
+ .adl-u-vertical-align-baseline {
73089
+ vertical-align: baseline !important;
72973
73090
  }
72974
- .adl-u-color-info-50 {
72975
- color: #0047b2 !important;
73091
+ .adl-u-vertical-align-top {
73092
+ vertical-align: top !important;
72976
73093
  }
72977
- .adl-u-color-info-60 {
72978
- color: #002866 !important;
73094
+ .adl-u-vertical-align-middle {
73095
+ vertical-align: middle !important;
72979
73096
  }
72980
- .adl-u-color-info-70 {
72981
- color: #001e4c !important;
73097
+ .adl-u-vertical-align-bottom {
73098
+ vertical-align: bottom !important;
72982
73099
  }
72983
- .adl-u-color-warning-10 {
72984
- color: #fff4e5 !important;
73100
+ .adl-u-vertical-align-text-top {
73101
+ vertical-align: text-top !important;
72985
73102
  }
72986
- .adl-u-color-warning-20 {
72987
- color: #ffeacc !important;
73103
+ .adl-u-vertical-align-text-bottom {
73104
+ vertical-align: text-bottom !important;
72988
73105
  }
72989
- .adl-u-color-warning-30 {
72990
- color: #ffba59 !important;
73106
+ .adl-u-float-left {
73107
+ float: left !important;
72991
73108
  }
72992
- .adl-u-color-warning-40 {
72993
- color: #ff9500 !important;
73109
+ .adl-u-float-right {
73110
+ float: right !important;
72994
73111
  }
72995
- .adl-u-color-warning-50 {
73112
+ /* #region Spacing */
73113
+ /* #endregion */
73114
+ /* #region Colors */
73115
+ /* #endregion */
73116
+ /* #region Fonts */
73117
+ /* #endregion */
73118
+ /* #region Borders */
73119
+ /* #endregion */
73120
+ /* #region Box-shadow */
73121
+ /* #endregion */
73122
+ /* #region Shadows */
73123
+ /* #endregion */
73124
+ /* #region Z-index */
73125
+ /* #endregion */
73126
+ /* #region Transition */
73127
+ /* #endregion */
73128
+ /* #region Timing functions */
73129
+ /* #endregion */
73130
+ /* #region Focus ring */
73131
+ /* #endregion */
73132
+ /* #region Inline components */
73133
+ /* #endregion */
73134
+ /* #region Spacing */
73135
+ /* #endregion */
73136
+ /* #region Colors */
73137
+ /* #endregion */
73138
+ /* #region Fonts */
73139
+ /* #endregion */
73140
+ /* #region Borders */
73141
+ /* #endregion */
73142
+ /* #region Box-shadow */
73143
+ /* #endregion */
73144
+ /* #region Shadows */
73145
+ /* #endregion */
73146
+ /* #region Z-index */
73147
+ /* #endregion */
73148
+ /* #region Transition */
73149
+ /* #endregion */
73150
+ /* #region Timing functions */
73151
+ /* #endregion */
73152
+ /* #region Focus ring */
73153
+ /* #endregion */
73154
+ /* #region Inline components */
73155
+ /* #endregion */
73156
+ .adl-u-border-none {
73157
+ border: none !important;
73158
+ }
73159
+ .adl-u-border-bottom-none {
73160
+ border-bottom: none !important;
73161
+ }
73162
+ .adl-u-border-left-none {
73163
+ border-left: none !important;
73164
+ }
73165
+ .adl-u-border-right-none {
73166
+ border-right: none !important;
73167
+ }
73168
+ .adl-u-border-top-none {
73169
+ border-top: none !important;
73170
+ }
73171
+ .adl-u-border-x-none {
73172
+ border-left: none !important;
73173
+ border-right: none !important;
73174
+ }
73175
+ .adl-u-border-y-none {
73176
+ border-bottom: none !important;
73177
+ border-top: none !important;
73178
+ }
73179
+ .adl-u-border-radius-4 {
73180
+ border-radius: 4px !important;
73181
+ }
73182
+ .adl-u-border-radius-6 {
73183
+ border-radius: 6px !important;
73184
+ }
73185
+ .adl-u-border-radius-8 {
73186
+ border-radius: 8px !important;
73187
+ }
73188
+ .adl-u-border-radius-12 {
73189
+ border-radius: 12px !important;
73190
+ }
73191
+ /* #region Spacing */
73192
+ /* #endregion */
73193
+ /* #region Colors */
73194
+ /* #endregion */
73195
+ /* #region Fonts */
73196
+ /* #endregion */
73197
+ /* #region Borders */
73198
+ /* #endregion */
73199
+ /* #region Box-shadow */
73200
+ /* #endregion */
73201
+ /* #region Shadows */
73202
+ /* #endregion */
73203
+ /* #region Z-index */
73204
+ /* #endregion */
73205
+ /* #region Transition */
73206
+ /* #endregion */
73207
+ /* #region Timing functions */
73208
+ /* #endregion */
73209
+ /* #region Focus ring */
73210
+ /* #endregion */
73211
+ /* #region Inline components */
73212
+ /* #endregion */
73213
+ /* #region Spacing */
73214
+ /* #endregion */
73215
+ /* #region Colors */
73216
+ /* #endregion */
73217
+ /* #region Fonts */
73218
+ /* #endregion */
73219
+ /* #region Borders */
73220
+ /* #endregion */
73221
+ /* #region Box-shadow */
73222
+ /* #endregion */
73223
+ /* #region Shadows */
73224
+ /* #endregion */
73225
+ /* #region Z-index */
73226
+ /* #endregion */
73227
+ /* #region Transition */
73228
+ /* #endregion */
73229
+ /* #region Timing functions */
73230
+ /* #endregion */
73231
+ /* #region Focus ring */
73232
+ /* #endregion */
73233
+ /* #region Inline components */
73234
+ /* #endregion */
73235
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73236
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73237
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73238
+ /* stylelint-disable-line scss/dollar-variable-pattern */
73239
+ .adl-u-color-white {
73240
+ color: #fff !important;
73241
+ }
73242
+ .adl-u-color-black {
73243
+ color: #00112c !important;
73244
+ }
73245
+ .adl-u-color-grey-10 {
73246
+ color: #f3f6f9 !important;
73247
+ }
73248
+ .adl-u-color-grey-20 {
73249
+ color: #dce0e5 !important;
73250
+ }
73251
+ .adl-u-color-grey-30 {
73252
+ color: #a5afbd !important;
73253
+ }
73254
+ .adl-u-color-grey-40 {
73255
+ color: #8390a3 !important;
73256
+ }
73257
+ .adl-u-color-grey-50 {
73258
+ color: #69778c !important;
73259
+ }
73260
+ .adl-u-color-grey-60 {
73261
+ color: #394962 !important;
73262
+ }
73263
+ .adl-u-color-grey-70 {
73264
+ color: #20304c !important;
73265
+ }
73266
+ .adl-u-color-info-10 {
73267
+ color: #e6f0ff !important;
73268
+ }
73269
+ .adl-u-color-info-20 {
73270
+ color: #cce0ff !important;
73271
+ }
73272
+ .adl-u-color-info-30 {
73273
+ color: #80b2ff !important;
73274
+ }
73275
+ .adl-u-color-info-40 {
73276
+ color: #06f !important;
73277
+ }
73278
+ .adl-u-color-info-50 {
73279
+ color: #0047b2 !important;
73280
+ }
73281
+ .adl-u-color-info-60 {
73282
+ color: #002866 !important;
73283
+ }
73284
+ .adl-u-color-info-70 {
73285
+ color: #001e4c !important;
73286
+ }
73287
+ .adl-u-color-warning-10 {
73288
+ color: #fff4e5 !important;
73289
+ }
73290
+ .adl-u-color-warning-20 {
73291
+ color: #ffeacc !important;
73292
+ }
73293
+ .adl-u-color-warning-30 {
73294
+ color: #ffba59 !important;
73295
+ }
73296
+ .adl-u-color-warning-40 {
73297
+ color: #ff9500 !important;
73298
+ }
73299
+ .adl-u-color-warning-50 {
72996
73300
  color: #b36900 !important;
72997
73301
  }
72998
73302
  .adl-u-color-warning-60 {
@@ -83678,448 +83982,14 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
83678
83982
  /* stylelint-disable-line scss/dollar-variable-pattern */
83679
83983
  /* stylelint-disable-line scss/dollar-variable-pattern */
83680
83984
  /* stylelint-disable-line scss/dollar-variable-pattern */
83681
- /* stylelint-disable-line scss/dollar-variable-pattern */
83682
- .adl-u-pointer-events-none {
83683
- pointer-events: none !important;
83684
- }
83685
- .adl-u-pointer-events-auto {
83686
- pointer-events: auto !important;
83687
- }
83688
- /* #region Spacing */
83689
- /* #endregion */
83690
- /* #region Colors */
83691
- /* #endregion */
83692
- /* #region Fonts */
83693
- /* #endregion */
83694
- /* #region Borders */
83695
- /* #endregion */
83696
- /* #region Box-shadow */
83697
- /* #endregion */
83698
- /* #region Shadows */
83699
- /* #endregion */
83700
- /* #region Z-index */
83701
- /* #endregion */
83702
- /* #region Transition */
83703
- /* #endregion */
83704
- /* #region Timing functions */
83705
- /* #endregion */
83706
- /* #region Focus ring */
83707
- /* #endregion */
83708
- /* #region Inline components */
83709
- /* #endregion */
83710
- /* #region Spacing */
83711
- /* #endregion */
83712
- /* #region Colors */
83713
- /* #endregion */
83714
- /* #region Fonts */
83715
- /* #endregion */
83716
- /* #region Borders */
83717
- /* #endregion */
83718
- /* #region Box-shadow */
83719
- /* #endregion */
83720
- /* #region Shadows */
83721
- /* #endregion */
83722
- /* #region Z-index */
83723
- /* #endregion */
83724
- /* #region Transition */
83725
- /* #endregion */
83726
- /* #region Timing functions */
83727
- /* #endregion */
83728
- /* #region Focus ring */
83729
- /* #endregion */
83730
- /* #region Inline components */
83731
- /* #endregion */
83732
- /* stylelint-disable-line scss/dollar-variable-pattern */
83733
- /* stylelint-disable-line scss/dollar-variable-pattern */
83734
- /* stylelint-disable-line scss/dollar-variable-pattern */
83735
- /* stylelint-disable-line scss/dollar-variable-pattern */
83736
- .adl-u-font-size-small {
83737
- font-size: 13px !important;
83738
- }
83739
- .adl-u-font-size-medium {
83740
- font-size: 15px !important;
83741
- }
83742
- .adl-u-font-size-large {
83743
- font-size: 21px !important;
83744
- }
83745
- .adl-u-font-size-xlarge {
83746
- font-size: 30px !important;
83747
- }
83748
- .adl-u-font-size-xxlarge {
83749
- font-size: 45px !important;
83750
- }
83751
- .adl-u-font-size-inherit {
83752
- font-size: inherit !important;
83753
- }
83754
- .adl-u-font-weight-thin {
83755
- font-weight: 100 !important;
83756
- }
83757
- .adl-u-font-weight-regular {
83758
- font-weight: 400 !important;
83759
- }
83760
- .adl-u-font-weight-medium {
83761
- font-weight: 500 !important;
83762
- }
83763
- .adl-u-font-weight-semi-bold {
83764
- font-weight: 600 !important;
83765
- }
83766
- .adl-u-white-space-normal {
83767
- white-space: normal !important;
83768
- }
83769
- .adl-u-white-space-nowrap {
83770
- white-space: nowrap !important;
83771
- }
83772
- .adl-u-white-space-pre-wrap {
83773
- white-space: pre-wrap !important;
83774
- }
83775
- .adl-u-truncate {
83776
- overflow: hidden !important;
83777
- text-overflow: ellipsis !important;
83778
- }
83779
- .adl-u-word-break-break-word {
83780
- word-break: break-word !important;
83781
- }
83782
- /* #region Spacing */
83783
- /* #endregion */
83784
- /* #region Colors */
83785
- /* #endregion */
83786
- /* #region Fonts */
83787
- /* #endregion */
83788
- /* #region Borders */
83789
- /* #endregion */
83790
- /* #region Box-shadow */
83791
- /* #endregion */
83792
- /* #region Shadows */
83793
- /* #endregion */
83794
- /* #region Z-index */
83795
- /* #endregion */
83796
- /* #region Transition */
83797
- /* #endregion */
83798
- /* #region Timing functions */
83799
- /* #endregion */
83800
- /* #region Focus ring */
83801
- /* #endregion */
83802
- /* #region Inline components */
83803
- /* #endregion */
83804
- /* stylelint-disable-line scss/dollar-variable-pattern */
83805
- /* stylelint-disable-line scss/dollar-variable-pattern */
83806
- /* stylelint-disable-line scss/dollar-variable-pattern */
83807
- /* stylelint-disable-line scss/dollar-variable-pattern */
83808
- .adl-u-visibility-visible {
83809
- visibility: visible !important;
83810
- }
83811
- .adl-u-visibility-hidden {
83812
- visibility: hidden !important;
83813
- }
83814
- .adl-u-display-none {
83815
- display: none !important;
83816
- }
83817
- .adl-u-display-initial {
83818
- display: initial !important;
83819
- }
83820
- .adl-u-display-inline {
83821
- display: inline !important;
83822
- }
83823
- .adl-u-display-inline-block {
83824
- display: inline-block !important;
83825
- }
83826
- .adl-u-display-block {
83827
- display: block !important;
83828
- }
83829
- .adl-u-display-table {
83830
- display: table !important;
83831
- }
83832
- .adl-u-display-table-row {
83833
- display: table-row !important;
83834
- }
83835
- .adl-u-display-table-cell {
83836
- display: table-cell !important;
83837
- }
83838
- /* #region Spacing */
83839
- /* #endregion */
83840
- /* #region Colors */
83841
- /* #endregion */
83842
- /* #region Fonts */
83843
- /* #endregion */
83844
- /* #region Borders */
83845
- /* #endregion */
83846
- /* #region Box-shadow */
83847
- /* #endregion */
83848
- /* #region Shadows */
83849
- /* #endregion */
83850
- /* #region Z-index */
83851
- /* #endregion */
83852
- /* #region Transition */
83853
- /* #endregion */
83854
- /* #region Timing functions */
83855
- /* #endregion */
83856
- /* #region Focus ring */
83857
- /* #endregion */
83858
- /* #region Inline components */
83859
- /* #endregion */
83860
- /* stylelint-disable-line scss/dollar-variable-pattern */
83861
- /* stylelint-disable-line scss/dollar-variable-pattern */
83862
- /* stylelint-disable-line scss/dollar-variable-pattern */
83863
- /* stylelint-disable-line scss/dollar-variable-pattern */
83864
- .adl-u-display-flex {
83865
- display: flex !important;
83866
- }
83867
- .adl-u-display-inline-flex {
83868
- display: inline-flex !important;
83869
- }
83870
- .adl-u-flex-direction-row {
83871
- flex-direction: row !important;
83872
- }
83873
- .adl-u-flex-direction-row-reverse {
83874
- flex-direction: row-reverse !important;
83875
- }
83876
- .adl-u-flex-direction-column {
83877
- flex-direction: column !important;
83878
- }
83879
- .adl-u-flex-direction-column-reverse {
83880
- flex-direction: column-reverse !important;
83881
- }
83882
- .adl-u-flex-wrap-wrap {
83883
- flex-wrap: wrap !important;
83884
- }
83885
- .adl-u-flex-wrap-nowrap {
83886
- flex-wrap: nowrap !important;
83887
- }
83888
- .adl-u-align-items-start {
83889
- align-items: start !important;
83890
- }
83891
- .adl-u-align-items-flex-start {
83892
- align-items: flex-start !important;
83893
- }
83894
- .adl-u-align-items-flex-end {
83895
- align-items: flex-end !important;
83896
- }
83897
- .adl-u-align-items-center {
83898
- align-items: center !important;
83899
- }
83900
- .adl-u-align-items-stretch {
83901
- align-items: stretch !important;
83902
- }
83903
- .adl-u-align-items-baseline {
83904
- align-items: baseline !important;
83905
- }
83906
- .adl-u-align-items-end {
83907
- align-items: end !important;
83908
- }
83909
- .adl-u-justify-content-center {
83910
- justify-content: center !important;
83911
- }
83912
- .adl-u-justify-content-flex-start {
83913
- justify-content: flex-start !important;
83914
- }
83915
- .adl-u-justify-content-flex-end {
83916
- justify-content: flex-end !important;
83917
- }
83918
- .adl-u-justify-content-start {
83919
- justify-content: start !important;
83920
- }
83921
- .adl-u-justify-content-end {
83922
- justify-content: end !important;
83923
- }
83924
- .adl-u-justify-content-left {
83925
- justify-content: left !important;
83926
- }
83927
- .adl-u-justify-content-right {
83928
- justify-content: right !important;
83929
- }
83930
- .adl-u-justify-content-space-between {
83931
- justify-content: space-between !important;
83932
- }
83933
- .adl-u-justify-content-space-around {
83934
- justify-content: space-around !important;
83935
- }
83936
- .adl-u-justify-content-space-evenly {
83937
- justify-content: space-evenly !important;
83938
- }
83939
- .adl-u-justify-content-stretch {
83940
- justify-content: stretch !important;
83941
- }
83942
- .adl-u-flex-1 {
83943
- flex: 1 !important;
83944
- }
83945
- .adl-u-width-full {
83946
- width: 100% !important;
83947
- }
83948
- .adl-u-width-auto {
83949
- width: auto !important;
83950
- }
83951
- .adyen-kyc-field--entityType {
83952
- margin-bottom: 24px;
83953
- }
83954
- .adyen-kyc-field--entityType .adyen-kyc-label__text {
83955
- margin-bottom: 8px;
83956
- }/* #region Spacing */
83957
- /* #endregion */
83958
- /* #region Colors */
83959
- /* #endregion */
83960
- /* #region Fonts */
83961
- /* #endregion */
83962
- /* #region Borders */
83963
- /* #endregion */
83964
- /* #region Box-shadow */
83965
- /* #endregion */
83966
- /* #region Shadows */
83967
- /* #endregion */
83968
- /* #region Z-index */
83969
- /* #endregion */
83970
- /* #region Transition */
83971
- /* #endregion */
83972
- /* #region Timing functions */
83973
- /* #endregion */
83974
- /* #region Focus ring */
83975
- /* #endregion */
83976
- /* #region Inline components */
83977
- /* #endregion */
83978
- /* #region Spacing */
83979
- /* #endregion */
83980
- /* #region Colors */
83981
- /* #endregion */
83982
- /* #region Fonts */
83983
- /* #endregion */
83984
- /* #region Borders */
83985
- /* #endregion */
83986
- /* #region Box-shadow */
83987
- /* #endregion */
83988
- /* #region Shadows */
83989
- /* #endregion */
83990
- /* #region Z-index */
83991
- /* #endregion */
83992
- /* #region Transition */
83993
- /* #endregion */
83994
- /* #region Timing functions */
83995
- /* #endregion */
83996
- /* #region Focus ring */
83997
- /* #endregion */
83998
- /* #region Inline components */
83999
- /* #endregion */
84000
- /* stylelint-disable-line scss/dollar-variable-pattern */
84001
- /* stylelint-disable-line scss/dollar-variable-pattern */
84002
- /* stylelint-disable-line scss/dollar-variable-pattern */
84003
- /* stylelint-disable-line scss/dollar-variable-pattern */
84004
- .adl-toast {
84005
- color: #00112c;
84006
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
84007
- font-size: 15px;
84008
- -webkit-font-smoothing: antialiased;
84009
- -moz-osx-font-smoothing: grayscale;
84010
- font-weight: 400;
84011
- line-height: 1.4;
84012
- background: #00112c;
84013
- border-radius: 6px;
84014
- color: #fff;
84015
- display: flex;
84016
- font-size: 15px;
84017
- height: auto;
84018
- line-height: 1.4;
84019
- opacity: 0;
84020
- overflow: hidden;
84021
- padding: 8px;
84022
- transform: translateY(2%);
84023
- transition: ease 200ms;
84024
- transition-property: opacity, transform, visibility;
84025
- user-select: none;
84026
- visibility: hidden;
84027
- white-space: normal;
84028
- z-index: 1;
84029
- }
84030
- .adl-toast *,
84031
- .adl-toast *::before,
84032
- .adl-toast *::after {
84033
- box-sizing: border-box;
84034
- }
84035
- .adl-toast--collapsed {
84036
- background-color: #8390a3;
84037
- }
84038
- .adl-toast--visible {
84039
- opacity: 1;
84040
- transform: translateY(0);
84041
- visibility: visible;
84042
- }
84043
- .adl-toast__message {
84044
- flex: 1;
84045
- }
84046
- .adl-toast__title {
84047
- display: block;
84048
- font-weight: 600;
84049
- margin: 4px 0;
84050
- padding: 0 0 0 8px;
84051
- }
84052
- .adl-toast__subtitle {
84053
- color: #a5afbd;
84054
- display: block;
84055
- margin: 2px 0 0 0;
84056
- padding: 0 8px 4px;
84057
- }
84058
- .adl-toast__close {
84059
- background: none;
84060
- border: none;
84061
- color: #8390a3;
84062
- cursor: pointer;
84063
- display: inline-flex;
84064
- font-size: 15px;
84065
- height: 16px;
84066
- margin: 7px 6px;
84067
- padding: 0;
84068
- }
84069
- .adl-toast__status {
84070
- border-radius: 50%;
84071
- color: #00112c;
84072
- font-size: 15px;
84073
- height: 18px;
84074
- margin: 4px 0 0 8px;
84075
- vertical-align: top;
84076
- width: 18px;
84077
- }
84078
- .adl-toast__status--success {
84079
- background-color: #60d58f;
84080
- }
84081
- .adl-toast__status--error {
84082
- background-color: #ee5959;
84083
- }
84084
- .adl-toast__status-icon {
84085
- margin: 1.5px;
84086
- }
84087
- .adl-toast__action {
84088
- color: #a5afbd;
84089
- display: block;
84090
- margin: 2px 0 0 0;
84091
- padding: 0 8px 4px;
84092
- font-size: 15px;
84093
- font-weight: 600;
84094
- line-height: 1.4;
84095
- text-decoration: underline;
84096
- }
84097
- .adl-toast__action:visited {
84098
- color: #a5afbd;
84099
- }
84100
- .adl-toast__loader {
84101
- display: inline-block;
84102
- height: 16px;
84103
- margin: 6px;
84104
- width: 16px;
84105
- }
84106
- .adyen-kyc-dropin__toast-context {
84107
- max-width: calc(100% - 16px);
84108
- }
84109
- .adyen-kyc-dropin__toast-stack {
84110
- display: flex;
84111
- justify-content: center;
84112
- position: absolute;
84113
- width: 100%;
84114
- z-index: 1;
83985
+ /* stylelint-disable-line scss/dollar-variable-pattern */
83986
+ .adl-u-pointer-events-none {
83987
+ pointer-events: none !important;
84115
83988
  }
84116
- .adyen-layout-xs-only .adyen-kyc-dropin__toast-stack {
84117
- bottom: 16px;
84118
- position: fixed;
83989
+ .adl-u-pointer-events-auto {
83990
+ pointer-events: auto !important;
84119
83991
  }
84120
- .adyen-layout-md .adyen-kyc-dropin__toast-stack {
84121
- top: 16px;
84122
- }/* #region Spacing */
83992
+ /* #region Spacing */
84123
83993
  /* #endregion */
84124
83994
  /* #region Colors */
84125
83995
  /* #endregion */
@@ -84141,35 +84011,79 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
84141
84011
  /* #endregion */
84142
84012
  /* #region Inline components */
84143
84013
  /* #endregion */
84144
- .adyen-kyc-business-type-selection {
84145
- max-width: 544px;
84014
+ /* #region Spacing */
84015
+ /* #endregion */
84016
+ /* #region Colors */
84017
+ /* #endregion */
84018
+ /* #region Fonts */
84019
+ /* #endregion */
84020
+ /* #region Borders */
84021
+ /* #endregion */
84022
+ /* #region Box-shadow */
84023
+ /* #endregion */
84024
+ /* #region Shadows */
84025
+ /* #endregion */
84026
+ /* #region Z-index */
84027
+ /* #endregion */
84028
+ /* #region Transition */
84029
+ /* #endregion */
84030
+ /* #region Timing functions */
84031
+ /* #endregion */
84032
+ /* #region Focus ring */
84033
+ /* #endregion */
84034
+ /* #region Inline components */
84035
+ /* #endregion */
84036
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84037
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84038
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84039
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84040
+ .adl-u-font-size-small {
84041
+ font-size: 13px !important;
84146
84042
  }
84147
- .adyen-kyc-business-type-selection__nav {
84148
- margin-top: 32px;
84043
+ .adl-u-font-size-medium {
84044
+ font-size: 15px !important;
84149
84045
  }
84150
- .adyen-kyc-business-type-selection__confirm {
84151
- display: flex;
84152
- gap: 16px;
84153
- margin-top: 32px;
84046
+ .adl-u-font-size-large {
84047
+ font-size: 21px !important;
84154
84048
  }
84155
- .adyen-kyc-business-type-selection__confirm button {
84156
- flex-grow: 1;
84049
+ .adl-u-font-size-xlarge {
84050
+ font-size: 30px !important;
84157
84051
  }
84158
-
84159
- .adyen-kyc-trustee-type-radio-group-card {
84160
- display: flex;
84161
- gap: 16px;
84052
+ .adl-u-font-size-xxlarge {
84053
+ font-size: 45px !important;
84162
84054
  }
84163
- .adyen-kyc-trustee-type-radio-group-card .adl-radio-card {
84164
- flex-grow: 1;
84055
+ .adl-u-font-size-inherit {
84056
+ font-size: inherit !important;
84165
84057
  }
84166
- .adyen-kyc-trustee-type-radio-group-card .adl-label {
84167
- margin-bottom: 0 !important;
84058
+ .adl-u-font-weight-thin {
84059
+ font-weight: 100 !important;
84168
84060
  }
84169
- .adyen-kyc-trustee-type-radio-group-card input {
84170
- display: flex;
84171
- margin-left: auto;
84172
- }/* #region Spacing */
84061
+ .adl-u-font-weight-regular {
84062
+ font-weight: 400 !important;
84063
+ }
84064
+ .adl-u-font-weight-medium {
84065
+ font-weight: 500 !important;
84066
+ }
84067
+ .adl-u-font-weight-semi-bold {
84068
+ font-weight: 600 !important;
84069
+ }
84070
+ .adl-u-white-space-normal {
84071
+ white-space: normal !important;
84072
+ }
84073
+ .adl-u-white-space-nowrap {
84074
+ white-space: nowrap !important;
84075
+ }
84076
+ .adl-u-white-space-pre-wrap {
84077
+ white-space: pre-wrap !important;
84078
+ }
84079
+ .adl-u-truncate {
84080
+ overflow: hidden !important;
84081
+ text-overflow: ellipsis !important;
84082
+ }
84083
+ .adl-u-word-break-break-word {
84084
+ word-break: break-word !important;
84085
+ }
84086
+ /* #region Spacing */
84173
84087
  /* #endregion */
84174
84088
  /* #region Colors */
84175
84089
  /* #endregion */
@@ -84195,6 +84109,36 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
84195
84109
  /* stylelint-disable-line scss/dollar-variable-pattern */
84196
84110
  /* stylelint-disable-line scss/dollar-variable-pattern */
84197
84111
  /* stylelint-disable-line scss/dollar-variable-pattern */
84112
+ .adl-u-visibility-visible {
84113
+ visibility: visible !important;
84114
+ }
84115
+ .adl-u-visibility-hidden {
84116
+ visibility: hidden !important;
84117
+ }
84118
+ .adl-u-display-none {
84119
+ display: none !important;
84120
+ }
84121
+ .adl-u-display-initial {
84122
+ display: initial !important;
84123
+ }
84124
+ .adl-u-display-inline {
84125
+ display: inline !important;
84126
+ }
84127
+ .adl-u-display-inline-block {
84128
+ display: inline-block !important;
84129
+ }
84130
+ .adl-u-display-block {
84131
+ display: block !important;
84132
+ }
84133
+ .adl-u-display-table {
84134
+ display: table !important;
84135
+ }
84136
+ .adl-u-display-table-row {
84137
+ display: table-row !important;
84138
+ }
84139
+ .adl-u-display-table-cell {
84140
+ display: table-cell !important;
84141
+ }
84198
84142
  /* #region Spacing */
84199
84143
  /* #endregion */
84200
84144
  /* #region Colors */
@@ -84217,46 +84161,102 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
84217
84161
  /* #endregion */
84218
84162
  /* #region Inline components */
84219
84163
  /* #endregion */
84220
- .adl-heading {
84221
- color: #00112c;
84222
- font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
84223
- font-size: 15px;
84224
- -webkit-font-smoothing: antialiased;
84225
- -moz-osx-font-smoothing: grayscale;
84226
- font-weight: 400;
84227
- line-height: 1.4;
84228
- display: block;
84229
- font-size: 32px;
84230
- font-weight: 600;
84231
- line-height: 40px;
84232
- margin: 0;
84233
- padding: 0;
84164
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84165
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84166
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84167
+ /* stylelint-disable-line scss/dollar-variable-pattern */
84168
+ .adl-u-display-flex {
84169
+ display: flex !important;
84234
84170
  }
84235
- .adl-heading *,
84236
- .adl-heading *::before,
84237
- .adl-heading *::after {
84238
- box-sizing: border-box;
84171
+ .adl-u-display-inline-flex {
84172
+ display: inline-flex !important;
84239
84173
  }
84240
- .adl-heading--2 {
84241
- font-size: 24px;
84242
- font-weight: 600;
84243
- line-height: 32px;
84174
+ .adl-u-flex-direction-row {
84175
+ flex-direction: row !important;
84244
84176
  }
84245
- .adl-heading--3 {
84246
- font-size: 20px;
84247
- font-weight: 600;
84248
- line-height: 28px;
84177
+ .adl-u-flex-direction-row-reverse {
84178
+ flex-direction: row-reverse !important;
84249
84179
  }
84250
- .adl-heading--4 {
84251
- font-size: 16px;
84252
- font-weight: 600;
84253
- line-height: 24px;
84180
+ .adl-u-flex-direction-column {
84181
+ flex-direction: column !important;
84254
84182
  }
84255
- .adl-heading--sub {
84256
- color: #394962;
84257
- font-size: 16px;
84258
- font-weight: 400;
84259
- line-height: 24px;
84183
+ .adl-u-flex-direction-column-reverse {
84184
+ flex-direction: column-reverse !important;
84185
+ }
84186
+ .adl-u-flex-wrap-wrap {
84187
+ flex-wrap: wrap !important;
84188
+ }
84189
+ .adl-u-flex-wrap-nowrap {
84190
+ flex-wrap: nowrap !important;
84191
+ }
84192
+ .adl-u-align-items-start {
84193
+ align-items: start !important;
84194
+ }
84195
+ .adl-u-align-items-flex-start {
84196
+ align-items: flex-start !important;
84197
+ }
84198
+ .adl-u-align-items-flex-end {
84199
+ align-items: flex-end !important;
84200
+ }
84201
+ .adl-u-align-items-center {
84202
+ align-items: center !important;
84203
+ }
84204
+ .adl-u-align-items-stretch {
84205
+ align-items: stretch !important;
84206
+ }
84207
+ .adl-u-align-items-baseline {
84208
+ align-items: baseline !important;
84209
+ }
84210
+ .adl-u-align-items-end {
84211
+ align-items: end !important;
84212
+ }
84213
+ .adl-u-justify-content-center {
84214
+ justify-content: center !important;
84215
+ }
84216
+ .adl-u-justify-content-flex-start {
84217
+ justify-content: flex-start !important;
84218
+ }
84219
+ .adl-u-justify-content-flex-end {
84220
+ justify-content: flex-end !important;
84221
+ }
84222
+ .adl-u-justify-content-start {
84223
+ justify-content: start !important;
84224
+ }
84225
+ .adl-u-justify-content-end {
84226
+ justify-content: end !important;
84227
+ }
84228
+ .adl-u-justify-content-left {
84229
+ justify-content: left !important;
84230
+ }
84231
+ .adl-u-justify-content-right {
84232
+ justify-content: right !important;
84233
+ }
84234
+ .adl-u-justify-content-space-between {
84235
+ justify-content: space-between !important;
84236
+ }
84237
+ .adl-u-justify-content-space-around {
84238
+ justify-content: space-around !important;
84239
+ }
84240
+ .adl-u-justify-content-space-evenly {
84241
+ justify-content: space-evenly !important;
84242
+ }
84243
+ .adl-u-justify-content-stretch {
84244
+ justify-content: stretch !important;
84245
+ }
84246
+ .adl-u-flex-1 {
84247
+ flex: 1 !important;
84248
+ }
84249
+ .adl-u-width-full {
84250
+ width: 100% !important;
84251
+ }
84252
+ .adl-u-width-auto {
84253
+ width: auto !important;
84254
+ }
84255
+ .adyen-kyc-field--entityType {
84256
+ margin-bottom: 24px;
84257
+ }
84258
+ .adyen-kyc-field--entityType .adyen-kyc-label__text {
84259
+ margin-bottom: 8px;
84260
84260
  }/* #region Spacing */
84261
84261
  /* #endregion */
84262
84262
  /* #region Colors */