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