@adyen/kyc-components 3.48.3 → 3.49.1-beta.0

package/dist/style.css

@@ -12,8 +12,6 @@
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
 .adyen-kyc-summary__heading {
   font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
@@ -86,8 +84,6 @@
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   align-items: center;
   background: none;
   border: none;
@@ -234,8 +230,6 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   background-color: transparent;
   border: 0;
   color: var(--adyen-sdk-color-link-primary, #00112c);
@@ -397,8 +391,6 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
   padding: var(--adyen-sdk-spacer-070, 16px);
   word-break: break-word;
@@ -406,58 +398,63 @@ button[disabled]:hover {
   flex-direction: column;
   gap: var(--adyen-sdk-spacer-040, 8px);
 }
-.adyen-kyc-alert--without-icon .adyen-kyc-alert__explanation,
-.adyen-kyc-alert--without-icon .adyen-kyc-alert__actions {
+
+.adyen-kyc-alert-without-icon .adyen-kyc-alert-explanation,
+.adyen-kyc-alert-without-icon .adyen-kyc-alert-actions {
   margin: 0 var(--adyen-sdk-spacer-070, 16px);
 }
 
-.adyen-kyc-alert--basic {
+.adyen-kyc-alert-basic {
   background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
 }
 
-.adyen-kyc-alert--info {
+.adyen-kyc-alert-info {
   background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
 }
 
-.adyen-kyc-alert--error {
+.adyen-kyc-alert-error {
   background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
 }
 
-.adyen-kyc-alert--warning {
+.adyen-kyc-alert-warning {
   background-color: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
 }
 
-.adyen-kyc-alert--success {
+.adyen-kyc-alert-success {
   background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
 }
 
-.adyen-kyc-alert__header {
+.adyen-kyc-alert-header {
   align-items: flex-start;
   display: flex;
 }
 
-.adyen-kyc-alert__icon {
+.adyen-kyc-alert-icon {
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   margin-top: var(--adyen-sdk-spacer-010, 2px);
 }
-.adyen-kyc-alert__icon--info {
+
+.adyen-kyc-alert-icon-info {
   color: var(--adyen-sdk-color-background-highlight-strong, #0070f5);
 }
-.adyen-kyc-alert__icon--error {
+
+.adyen-kyc-alert-icon-error {
   color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
 }
-.adyen-kyc-alert__icon--warning {
+
+.adyen-kyc-alert-icon-warning {
   color: var(--adyen-sdk-color-background-warning-strong, #dd7d00);
 }
-.adyen-kyc-alert__icon--success {
+
+.adyen-kyc-alert-icon-success {
   color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
 
-.adyen-kyc-alert__close-button {
+.adyen-kyc-alert-close-button {
   padding: 0 !important;
 }
 
-.adyen-kyc-alert__title {
+.adyen-kyc-alert-title {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   flex-grow: 1;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
@@ -466,13 +463,13 @@ button[disabled]:hover {
   margin-left: var(--adyen-sdk-spacer-070, 16px);
 }
 
-.adyen-kyc-alert__explanation {
+.adyen-kyc-alert-explanation {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   margin: 0 var(--adyen-sdk-spacer-100, 32px);
 }
 
-.adyen-kyc-alert__actions {
+.adyen-kyc-alert-actions {
   display: flex;
   gap: var(--adyen-sdk-spacer-070, 16px);
   text-align: left;
@@ -565,6 +562,33 @@ button[disabled]:hover {
 .adyen-kyc-accordion[open] summary {
   margin-bottom: var(--adyen-sdk-spacer-020, 4px);
   user-select: auto;
+}.adyen-kyc-skeleton {
+  width: 100%;
+  height: 100%;
+  background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
+}
+
+.adyen-kyc-skeleton-circle {
+  border-radius: 50%;
+}
+
+.adyen-kyc-skeleton-text {
+  height: 1em !important;
+  margin: 0.2em 0 !important;
+}
+
+@keyframes adyen-kyc-skeleton {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
 }.adyen-kyc-individual .adyen-kyc-form {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
 }.adyen-kyc-field {
@@ -854,27 +878,6 @@ button[disabled]:hover {
 
 .adyen-kyc-dropdown + .adyen-kyc-input__inline-validation {
   right: 32px;
-}
-
-.adyen-kyc-dropdown-selected-items {
-  align-items: baseline;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-}
-.adyen-kyc-dropdown-selected-items .adyen-kyc-tag {
-  align-self: center;
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  letter-spacing: 0.2px;
-  margin: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-000, 0px);
-  padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
-}
-.adyen-kyc-dropdown-selected-items__tag--teal {
-  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
-}
-.adyen-kyc-dropdown-selected-items__tag--blue {
-  background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -960,77 +963,12 @@ button[disabled]:hover {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-kyc-tag {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
-  padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
-  border-radius: var(--adyen-sdk-border-radius-s, 4px);
-  text-decoration: none;
-  vertical-align: baseline;
-  white-space: nowrap;
-  border: none;
-}
-
-.adyen-kyc-tag--grey {
-  background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
-  color: var(--adyen-sdk-color-label-secondary, #5c687c);
-}
-
-.adyen-kyc-tag--blue {
-  background: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
-  color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7);
-}
-
-.adyen-kyc-tag--orange {
-  background: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
-  color: var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700);
-}
-
-.adyen-kyc-tag--red {
-  background: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
-  color: var(--adyen-sdk-color-label-on-background-critical-weak, #c72727);
-}
-
-.adyen-kyc-tag--teal {
-  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
-  color: #065e79;
-}
-
-.adyen-kyc-tag--green {
-  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
-  color: var(--adyen-sdk-color-label-on-background-success-weak, #067934);
-}
-
-.adyen-kyc-tag--large {
-  font-size: var(--adyen-sdk-text-body-font-size, 14px);
-  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
-  line-height: var(--adyen-sdk-text-body-line-height, 20px);
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
 .adyen-kyc-typography {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
 .adyen-kyc-typography--body {
@@ -1427,8 +1365,6 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: inline-flex;
   vertical-align: baseline;
 }
@@ -1610,8 +1546,6 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   cursor: pointer;
@@ -1838,8 +1772,6 @@ button[disabled]:hover {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: block;
   list-style-position: outside;
   list-style-type: disc;
@@ -2342,33 +2274,6 @@ fieldset {
 }
 .adyen-kyc-payout-verification-method__description {
   margin: var(--adyen-sdk-spacer-040, 8px) 0 var(--adyen-sdk-spacer-120, 48px);
-}.adyen-kyc-skeleton {
-  width: 100%;
-  height: 100%;
-  background-color: var(--adyen-sdk-color-outline-secondary, #c9cdd3);
-  border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  animation: 2s ease-in-out 0.5s infinite normal none running adyen-kyc-skeleton;
-}
-
-.adyen-kyc-skeleton-circle {
-  border-radius: 50%;
-}
-
-.adyen-kyc-skeleton-text {
-  height: 1em !important;
-  margin: 0.2em 0 !important;
-}
-
-@keyframes adyen-kyc-skeleton {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
 }.adyen-kyc-prefer-instant-verification-method {
   display: flex;
   justify-content: center;
@@ -2403,8 +2308,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   background-color: var(--adyen-sdk-color-background-primary, #ffffff);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -2854,7 +2757,7 @@ fieldset {
   width: 100%;
 }
 
-.adyen-kyc-form-with-sidebar > div:last-child {
+.adyen-kyc-form-with-sidebar > div:not(.adyen-kyc-modal):last-of-type {
   flex: 1;
 }
 
@@ -3030,6 +2933,17 @@ fieldset {
 }
 .adyen-kyc-form-navigation__item-icon--error {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
+}.adyen-kyc-business-verification-modal-header {
+  margin-top: var(--adyen-sdk-spacer-030, 6px);
+  font-weight: 600;
+}
+.adyen-kyc-business-verification-modal-content {
+  margin-top: var(--adyen-sdk-spacer-080, 20px);
+}
+.adyen-kyc-business-verification-modal-button {
+  float: right;
+  margin-top: var(--adyen-sdk-spacer-100, 32px);
+  margin-left: var(--adyen-sdk-spacer-040, 8px);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -3044,8 +2958,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   background: var(--adyen-sdk-color-background-primary, #ffffff);
   display: flex;
   flex-direction: column;
@@ -3135,8 +3047,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
 .adyen-layout-md .adyen-kyc-decision-makers__container {
   display: flex;
@@ -3201,8 +3111,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: flex;
   flex-direction: column;
   margin: var(--adyen-sdk-spacer-000, 0px);
@@ -3280,8 +3188,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   border: 0;
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
   display: flex;
@@ -3343,11 +3249,6 @@ fieldset {
 
 .adyen-layout-xs-only .adyen-kyc-status__text {
   display: none;
-}
-
-.adyen-layout-md .adyen-kyc-status--with-text {
-  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
-  padding: var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -3356,7 +3257,7 @@ fieldset {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
-.adyen-actions-menu {
+.adyen-kyc-actions-menu {
   background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
   border-radius: var(--adyen-sdk-border-radius-l, 12px);
@@ -3369,7 +3270,8 @@ fieldset {
   right: var(--adyen-sdk-spacer-060, 12px);
   z-index: 100;
 }
-.adyen-actions-menu__option {
+
+.adyen-kyc-actions-menu-option {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
@@ -3384,14 +3286,67 @@ fieldset {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adyen-kyc-tag {
+  color: var(--adyen-sdk-color-label-primary, #00112c);
+  font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  font-weight: var(--adyen-sdk-text-body-font-weight, 400);
+  line-height: var(--adyen-sdk-text-body-line-height, 20px);
+  display: inline-block;
+  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  font-family: var(--adyen-sdk-text-caption-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
+  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
+  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  padding: var(--adyen-sdk-spacer-010, 2px) var(--adyen-sdk-spacer-040, 8px);
+  border-radius: var(--adyen-sdk-border-radius-s, 4px);
+  text-decoration: none;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+}
+
+.adyen-kyc-tag-grey {
+  background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+  color: var(--adyen-sdk-color-label-secondary, #5c687c);
+}
+
+.adyen-kyc-tag-blue {
+  background: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
+  color: var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7);
+}
+
+.adyen-kyc-tag-orange {
+  background: var(--adyen-sdk-color-background-warning-weak, #fff5e9);
+  color: var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700);
+}
+
+.adyen-kyc-tag-red {
+  background: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
+  color: var(--adyen-sdk-color-label-on-background-critical-weak, #c72727);
+}
+
+.adyen-kyc-tag-teal {
+  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
+  color: #065e79;
+}
+
+.adyen-kyc-tag-green {
+  background-color: var(--adyen-sdk-color-background-success-weak, #edfaf3);
+  color: var(--adyen-sdk-color-label-on-background-success-weak, #067934);
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 .adyen-kyc-entity-status {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-family: var(--adyen-sdk-text-body-font-family, 'Adyen Variable', Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
 .adyen-kyc-entity-status__container {
   display: flex;
@@ -3681,8 +3636,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: flex;
   flex-direction: column;
   margin: var(--adyen-sdk-spacer-000, 0px);
@@ -3738,8 +3691,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   align-items: flex-start;
   background: var(--adyen-sdk-color-background-primary, #ffffff);
 }
@@ -3771,8 +3722,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
 }
 .adyen-kyc-trust-members__box {
   display: flex;
@@ -3975,8 +3924,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -4016,12 +3963,6 @@ fieldset {
 .adyen-kyc-source-of-funds-getting-started-body {
   margin-bottom: var(--adyen-sdk-spacer-030, 6px);
 }
-.adyen-kyc-source-of-funds-getting-started-help-header {
-  padding: var(--adyen-sdk-spacer-100, 32px) var(--adyen-sdk-spacer-100, 32px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px);
-}
-.adyen-kyc-source-of-funds-getting-started-help-body {
-  padding: var(--adyen-sdk-spacer-070, 16px);
-}
 .adyen-kyc-source-of-funds-getting-started-cards {
   margin-top: var(--adyen-sdk-spacer-110, 40px);
   margin-bottom: var(--adyen-sdk-spacer-100, 32px);
@@ -4041,11 +3982,7 @@ fieldset {
 }
 .adyen-kyc-source-of-funds-getting-started-actions {
   max-width: 330px;
-  margin: var(--adyen-sdk-spacer-000, 0px) auto;
-}
-.adyen-kyc-source-of-funds-getting-started-help-button {
-  margin-bottom: var(--adyen-sdk-spacer-120, 48px);
-  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
+  margin: var(--adyen-sdk-spacer-100, 32px) auto var(--adyen-sdk-spacer-000, 0px) auto;
 }
 .adyen-kyc-source-of-funds-getting-started-primary-button {
   margin-bottom: var(--adyen-sdk-spacer-030, 6px);
@@ -4084,14 +4021,19 @@ fieldset {
 .adyen-kyc-source-of-funds-third-party-funding-name-address-group {
   text-align: left;
 }
+.adyen-kyc-source-of-funds-sof-financier-form {
+  padding: var(--adyen-sdk-spacer-070, 16px);
+}
+.adyen-kyc-source-of-funds-sof-financier-form-error {
+  margin-bottom: var(--adyen-sdk-spacer-070, 16px);
+}
 .adyen-kyc-source-of-funds-sof-financier-form-name-group {
   display: flex;
   gap: var(--adyen-sdk-spacer-070, 16px);
-  margin-top: var(--adyen-sdk-spacer-120, 48px);
 }
-.adyen-kyc-source-of-funds-sof-financier-footer {
+.adyen-kyc-source-of-funds-financier-footer {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   width: 100%;
   gap: var(--adyen-sdk-spacer-070, 16px);
 }
@@ -4112,22 +4054,15 @@ fieldset {
   width: var(--adyen-sdk-spacer-120, 48px);
   border-radius: 50%;
 }
-.adyen-kyc-source-of-funds-upload-modal-header {
-  text-align: center;
-  margin-bottom: var(--adyen-sdk-spacer-140, 64px);
-}
-.adyen-kyc-source-of-funds-upload-modal-header-title {
-  text-align: center;
-  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
-}
 .adyen-kyc-source-of-funds-upload-modal-content {
-  padding: 0 var(--adyen-sdk-spacer-140, 64px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-140, 64px);
+  padding: var(--adyen-sdk-spacer-070, 16px);
 }
 .adyen-kyc-source-of-funds-upload-modal-content-field {
   text-align: left;
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
 }
 .adyen-kyc-source-of-funds-upload-modal-content-field-radio-group {
   display: grid;
@@ -4138,6 +4073,7 @@ fieldset {
   background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
   text-align: left;
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
+  margin-bottom: var(--adyen-sdk-spacer-080, 20px);
 }
 .adyen-kyc-source-of-funds-upload-list-heading {
   margin-bottom: var(--adyen-sdk-spacer-140, 64px);
@@ -4159,8 +4095,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
 .adyen-kyc-description-section-field {
@@ -4349,8 +4283,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: grid;
   place-items: center;
   word-break: break-word;
@@ -4411,8 +4343,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   display: block;
   overflow: hidden;
   position: relative;
@@ -5021,8 +4951,6 @@ fieldset {
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
   background-color: var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-background-highlight-strong, #0070f5);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);

package/dist/types/api/types.d.ts

@@ -0,0 +1,9 @@
+import type { UseQueryOptions } from '@tanstack/react-query';
+type MandatoryArgs = 'queryKey' | 'queryFn';
+/**
+ * useQuery params we do NOT want in our options.
+ * <ResponseType> is the type of the Response received,
+ * provide the generic to QueryOptions and nowhere else, it will be infered
+ */
+export type QueryOptions<ResponseType> = Omit<UseQueryOptions<ResponseType>, MandatoryArgs>;
+export {};

package/dist/types/api/useLegalEntity.d.ts

@@ -0,0 +1,8 @@
+import type { QueryOptions } from './types';
+import type { ExistingLegalEntity } from '../core/models/api/legal-entity';
+/**
+ *
+ * @param id legalEntityId
+ * @param options additional options passed to Tanstack Query, eg; refetchInterval for polling
+ */
+export declare const useLegalEntity: (id: string, options?: QueryOptions<ExistingLegalEntity>) => import("@tanstack/react-query").UseQueryResult<ExistingLegalEntity, Error>;

package/dist/types/api/useOnboardingStatus.d.ts

@@ -0,0 +1,3 @@
+import type { QueryOptions } from './types';
+import type { OnboardingStatusResponse } from '../core/models/api/view-verification-status';
+export declare const useOnboardingStatus: (options?: QueryOptions<OnboardingStatusResponse>) => import("@tanstack/react-query").UseQueryResult<OnboardingStatusResponse, Error>;

package/dist/types/api/usePciStatus.d.ts

@@ -0,0 +1,3 @@
+import type { QueryOptions } from './types';
+import type { PciStatus, PciStatusRequest } from '../core/models/api/contracts';
+export declare const usePciStatus: (data: PciStatusRequest, options?: QueryOptions<PciStatus>) => import("@tanstack/react-query").UseQueryResult<PciStatus, Error>;

package/dist/types/components/Address/Address.d.ts

@@ -1,3 +1,3 @@
 import './AddressForm.scss';
 import type { AddressProps } from './types';
-export declare function Address({ data, labels, placeholders, helperText, readOnly, hideCountry, fieldValidationErrors, allFields, requiredFields, optionalFields, readOnlyFields, obscuredFields, trustedFields, shouldValidate, handleAddressSearch, handleFindAddress, onChange, legalEntityId, verifiedAddress, condensed, }: AddressProps): import("preact").JSX.Element;
+export declare function Address({ data: dataProp, labels, placeholders, helperText, readOnly, hideCountry, fieldValidationErrors: propFieldValidationErrors, allFields, requiredFields, optionalFields, readOnlyFields, obscuredFields, trustedFields, shouldValidate, handleAddressSearch, handleFindAddress, onChange, legalEntityId, verifiedAddress, condensed, handleFieldChange, errors: errorProp, valid: validProp, }: AddressProps): import("preact").JSX.Element;

package/dist/types/components/Address/constants.d.ts

@@ -3,7 +3,6 @@ import type { AddressLabels, AddressSchema, AddressSchemas } from './types';
 export declare const ADDRESS_SCHEMA: readonly ["address", "otherAddressInformation", "postalCode", "city", "stateOrProvince", "country"];
 export declare const COUNTRIES_WITH_STATES_DATASET: CountryCode[];
 export declare const COUNTRIES_WITH_HOUSE_NUMBER_FIRST: CountryCode[];
-export declare const COUNTRIES_WITH_COMMA_SEPARATED: CountryCode[];
 export declare const ADDRESS_SCHEMAS: AddressSchemas;
 export declare const CONDENSED_ADDRESS_FIELDS: Partial<Record<CountryCode, Array<keyof AddressSchema>>>;
 export declare const LABELS: AddressLabels;