@adyen/kyc-components 2.50.5 → 2.51.0

package/dist/style.css

@@ -238,6 +238,7 @@ button[disabled]:hover {
   color: var(--adyen-sdk-color-link-primary, #00112c);
   cursor: pointer;
   display: inline;
+  font-size: inherit;
   padding: var(--adyen-sdk-spacer-000, 0px);
   vertical-align: baseline;
 }
@@ -297,6 +298,10 @@ button[disabled]:hover {
 }
 .adyen-kyc-icon svg {
   height: 1em;
+}
+
+.adyen-kyc-image {
+  display: inline-block;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -1647,7 +1652,7 @@ button[disabled]:hover {
 .adyen-layout-xs-only .adyen-kyc-document-guidance__container {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  gap: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);
+  gap: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-layout-md .adyen-kyc-document-guidance__container {
   display: flex;
@@ -1660,12 +1665,40 @@ button[disabled]:hover {
   display: flex;
   flex-direction: column;
   align-items: center;
-  min-height: 150px;
+  margin: var(--adyen-sdk-spacer-000, 0px) auto;
+}
+.adyen-layout-md .adyen-kyc-document-guidance__item {
   margin: var(--adyen-sdk-spacer-000, 0px);
 }
+.adyen-kyc-document-guidance__item svg {
+  height: 100px;
+}
 
 .adyen-kyc-document-guidance__description {
-  font-weight: var(--adyen-sdk-text-body-strongest-font-weight, 600);
+  display: flex;
+  align-items: center;
+  margin-top: var(--adyen-sdk-spacer-010, 2px);
+  width: 100%;
+  font-weight: var(--adyen-sdk-text-body-stronger-font-weight, 500);
+}
+
+.adyen-kyc-document-guidance__icon {
+  display: flex;
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
+  height: 16px;
+  width: 16px;
+  color: var(--adyen-sdk-color-background-primary, #ffffff);
+  padding: var(--adyen-sdk-spacer-020, 4px);
+  border-radius: 50%;
+}
+.adyen-kyc-document-guidance__icon--valid {
+  background-color: var(--adyen-sdk-color-background-success-strong, #07893c);
+}
+.adyen-kyc-document-guidance__icon--invalid {
+  background-color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
+}
+.adyen-kyc-document-guidance__icon svg {
+  height: 8px;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -1678,13 +1711,11 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-secondary, #c9cdd3);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   display: flex;
-  flex-direction: row;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+  flex-direction: column;
+  padding: var(--adyen-sdk-spacer-080, 20px) var(--adyen-sdk-spacer-090, 24px);
   min-height: 70px;
   transition: all 0.2s ease-out;
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-kyc-dropzone--dragged {
   border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary-active, #00112c);
@@ -1694,48 +1725,29 @@ button[disabled]:hover {
   border: var(--adyen-sdk-border-width-s, 1px) dashed var(--adyen-sdk-color-outline-critical, #e22d2d);
 }
 .adyen-kyc-dropzone__icon {
-  align-items: center;
   display: flex;
-  margin: auto var(--adyen-sdk-spacer-070, 16px);
-  max-height: 60px;
-  max-width: 60px;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--adyen-sdk-color-background-secondary, #f7f7f8);
+  border-radius: 50%;
+  height: 32px;
+  width: 32px;
+  margin: var(--adyen-sdk-spacer-000, 0px) auto var(--adyen-sdk-spacer-060, 12px);
 }
 .adyen-kyc-dropzone__labels {
-  align-self: center;
   display: flex;
   flex-direction: column;
-  margin: auto var(--adyen-sdk-spacer-070, 16px) auto var(--adyen-sdk-spacer-000, 0px);
+  margin-bottom: var(--adyen-sdk-spacer-060, 12px);
+  text-align: center;
+}
+.adyen-kyc-dropzone__labels h4 {
+  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-dropzone__input {
   display: none;
 }
-.adyen-kyc-dropzone__drag-text {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
-}
 .adyen-kyc-dropzone__button {
-  background: none;
-  border: 0;
-  color: var(--adyen-sdk-color-label-highlight, #0070f5);
-  cursor: pointer;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  padding: var(--adyen-sdk-spacer-000, 0px);
-  text-transform: lowercase;
-}
-.adyen-kyc-dropzone__supports-text {
-  color: var(--adyen-sdk-color-label-secondary, #5c687c);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-}
-.adyen-kyc-dropzone .adyen-kyc-icon-new-document {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-  display: flex;
-  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
-  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
+  text-align: center;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -1745,72 +1757,49 @@ button[disabled]:hover {
 /* #region Inline components */
 /* #endregion */
 .adyen-kyc-dropzone-file {
+  display: flex;
   align-items: center;
-  border: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+  justify-content: space-between;
+  background: var(--adyen-sdk-color-background-secondary, #f7f7f8);
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
-  display: flex;
-  flex-direction: row;
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);
-  min-height: 70px;
+  padding: var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px);
+  width: 100%;
+  margin-top: var(--adyen-sdk-spacer-040, 8px);
+}
+.adyen-kyc-dropzone-file--error {
+  background-color: var(--adyen-sdk-color-background-critical-weak, #fef4f4);
+}
+.adyen-kyc-dropzone-file--error .adyen-kyc-dropzone-file__icon {
+  color: var(--adyen-sdk-color-background-critical-strong, #e22d2d);
 }
 .adyen-kyc-dropzone-file__icon {
   align-items: center;
   display: flex;
-  margin: auto var(--adyen-sdk-spacer-070, 16px);
-  max-height: 60px;
-  max-width: 60px;
+  margin-right: var(--adyen-sdk-spacer-040, 8px);
+  color: var(--adyen-sdk-color-background-success-strong, #07893c);
 }
 .adyen-kyc-dropzone-file__labels {
-  margin: auto auto auto var(--adyen-sdk-spacer-000, 0px);
   overflow: hidden;
+  display: flex;
+  align-items: center;
 }
 .adyen-kyc-dropzone-file__name {
-  color: var(--adyen-sdk-color-label-primary, #00112c);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-weight: var(--adyen-sdk-text-caption-stronger-font-weight, 500);
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 600px;
 }
 .adyen-kyc-dropzone-file__size {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
+  margin-left: var(--adyen-sdk-spacer-040, 8px);
 }
 .adyen-kyc-dropzone-file__error {
   color: var(--adyen-sdk-color-label-critical, #e22d2d);
+  margin-top: var(--adyen-sdk-spacer-020, 4px);
 }
 .adyen-kyc-dropzone-file__button {
-  background: none;
   border: 0;
-  cursor: pointer;
-  display: flex;
-  margin: var(--adyen-sdk-spacer-070, 16px);
   padding: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon {
-  display: flex;
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-checkmark {
-  color: var(--adyen-sdk-color-label-success, #07893c);
-  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
-  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-wrong {
-  color: var(--adyen-sdk-color-label-critical, #e22d2d);
-  font-size: var(--adyen-sdk-text-title-l-font-size, 24px);
-  font-family: var(--adyen-sdk-text-title-l-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-title-l-font-weight, 600);
-  line-height: var(--adyen-sdk-text-title-l-line-height, 34px);
-}
-.adyen-kyc-dropzone-file .adyen-kyc-icon-remove {
-  color: var(--adyen-sdk-color-label-tertiary, #8d95a3);
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -2006,6 +1995,7 @@ button[disabled]:hover {
 }.adyen-kyc-id-verification-method__guidance {
   color: var(--adyen-sdk-color-label-secondary, #5c687c);
   font-size: var(--adyen-sdk-text-body-font-size, 14px);
+  margin-bottom: var(--adyen-sdk-spacer-040, 8px);
 }.adyen-kyc-field--idNumberWithExempt .adyen-kyc-input--text {
   margin-bottom: var(--adyen-sdk-spacer-040, 8px);
 }
@@ -2212,28 +2202,16 @@ button[disabled]:hover {
   gap: var(--adyen-sdk-spacer-020, 4px);
   justify-content: end;
 }
-.adyen-kyc-field-verification-methods__icon {
-  margin-bottom: var(--adyen-sdk-spacer-030, 6px);
-}
 
 .adyen-kyc-radio-group-card__illustration {
   display: flex;
   justify-content: center;
 }
-
-.adyen-kyc-guidance-list {
-  margin: var(--adyen-sdk-spacer-000, 0px);
-  padding-left: var(--adyen-sdk-spacer-060, 12px);
-}
-.adyen-kyc-guidance-list__item {
-  margin-bottom: var(--adyen-sdk-spacer-020, 4px);
+.adyen-kyc-radio-group-card__illustration svg {
+  height: 75px;
 }
-
-.adyen-kyc-guidance-external-link {
-  font-size: var(--adyen-sdk-text-caption-font-size, 12px);
-  font-family: var(--adyen-sdk-text-caption-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
-  font-weight: var(--adyen-sdk-text-caption-font-weight, 400);
-  line-height: var(--adyen-sdk-text-caption-line-height, 18px);
+.adyen-layout-md .adyen-kyc-radio-group-card__illustration svg {
+  height: 125px;
 }
 
 .adyen-kyc-instant-verification-error,
@@ -2271,8 +2249,16 @@ button[disabled]:hover {
   font-weight: var(--adyen-sdk-text-title-font-weight, 600);
   line-height: var(--adyen-sdk-text-title-line-height, 26px);
 }
+.adyen-kyc-additional-information fieldset {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
 .adyen-kyc-additional-information .adyen-kyc-field-wrapper {
   flex-direction: column;
+}
+.adyen-kyc-additional-information .adyen-kyc-form-header {
+  margin: 0 !important;
 }.adyen-kyc-field--dbaName {
   margin-left: 0 !important;
 }.adyen-kyc-verified-business-card {
@@ -2310,11 +2296,7 @@ button[disabled]:hover {
   flex-direction: row;
   justify-content: flex-start;
   text-decoration: underline;
-}.adyen-kyc-hide-form {
-  display: none;
-}
-
-.adyen-kyc-basic-information {
+}.adyen-kyc-basic-information {
   display: flex;
   flex-direction: column;
 }
@@ -2333,7 +2315,8 @@ button[disabled]:hover {
 }.adyen-kyc-business-details {
   min-height: 480px;
 }
-.adyen-kyc-business-details--hide {
+.adyen-kyc-business-details--hide,
+.adyen-kyc-business-details [class*="--hide"] {
   display: none;
 }
 .adyen-kyc-business-details .adyen-kyc-form-header {
@@ -2351,7 +2334,7 @@ button[disabled]:hover {
   font-weight: var(--adyen-sdk-text-body-font-weight, 400);
   line-height: var(--adyen-sdk-text-body-line-height, 20px);
   color: var(--adyen-sdk-color-label-primary, #00112c);
-}.adyen-kyc-business-selection__loader {
+}.adyen-kyc-business-selection--loading {
   min-height: 228px;
   display: flex;
   flex-direction: column;
@@ -2515,7 +2498,7 @@ button[disabled]:hover {
   display: flex;
   flex-direction: column;
 }
-.adyen-kyc-business-information--loading {
+.adyen-kyc-business-information--fetching {
   flex-direction: row;
   min-height: 228px;
   justify-content: center;
@@ -2700,6 +2683,52 @@ button[disabled]:hover {
 /* #endregion */
 /* #region Inline components */
 /* #endregion */
+.adyen-kyc-progress {
+  width: 100%;
+}
+.adyen-kyc-progress__bar {
+  display: flex;
+  flex: 1;
+  padding: var(--adyen-sdk-spacer-000, 0px);
+  margin: var(--adyen-sdk-spacer-000, 0px);
+}
+.adyen-kyc-progress__bar--thick li {
+  height: 6px;
+}
+.adyen-kyc-progress__bar--thick li:first-of-type {
+  border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
+  border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+.adyen-kyc-progress__bar--thick li:last-of-type {
+  border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
+  border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+.adyen-kyc-progress__step {
+  background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
+  display: flex;
+  flex: 1;
+  height: 4px;
+}
+.adyen-kyc-progress__step--active {
+  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
+}
+.adyen-kyc-progress__step-label {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  overflow: hidden;
+  padding: var(--adyen-sdk-spacer-000, 0px) !important;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}/* #region Borders */
+/* #endregion */
+/* #region Z-index */
+/* #endregion */
+/* #region Timing functions */
+/* #endregion */
+/* #region Inline components */
+/* #endregion */
 .adyen-kyc-dropin {
   color: var(--adyen-sdk-color-label-primary, #00112c);
   font-family: var(--adyen-sdk-text-body-font-family, Inter, Roboto, Oxygen, 'Open Sans', 'Helvetica Neue', Arial, sans-serif);
@@ -2755,6 +2784,91 @@ button[disabled]:hover {
 .adyen-kyc-dropin__main {
   border-radius: var(--adyen-sdk-border-radius-m, 8px);
   width: 100%;
+}.adyen-kyc-modal2 {
+  border: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: transparent;
+  padding: 0;
+  max-width: 600px;
+  height: 100%;
+  max-height: 640px;
+}
+@media screen and (max-width: 480px) {
+  .adyen-kyc-modal2 {
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0;
+    border-radius: 0;
+  }
+}
+
+.adyen-kyc-modal2-wrapper {
+  overflow: hidden;
+  --adyen-kyc-modal2-internal-margin: 16px;
+  background: var(--adyen-sdk-color-background-primary, #ffffff);
+  margin: var(--adyen-kyc-modal2-internal-margin);
+  border-radius: 20px;
+  height: calc(100% - var(--adyen-kyc-modal2-internal-margin) * 2);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+@media screen and (max-width: 480px) {
+  .adyen-kyc-modal2-wrapper {
+    --adyen-kyc-modal2-internal-margin: 0;
+  }
+}
+
+.adyen-kyc-modal2::backdrop {
+  background-color: var(--adyen-sdk-color-support-overlay, #00112c);
+  opacity: 0.75;
+}
+
+.adyen-kyc-modal2-top-bar {
+  width: 100%;
+  position: absolute;
+  top: 0;
+  padding: var(--adyen-sdk-spacer-050, 10px);
+  padding-bottom: 0;
+  display: flex;
+  justify-content: space-between;
+}
+
+.adyen-kyc-modal2-content {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.adyen-kyc-modal2-footer {
+  padding: var(--adyen-sdk-spacer-050, 10px) 0;
+  border-top: var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);
+}
+
+.adyen-kyc-modal2__fullscreen {
+  margin: 0;
+  max-width: 100vw;
+  height: 100vh;
+  width: 100vw;
+}.adyen-kyc-embedded-action-bar {
+  display: flex;
+  justify-content: space-between;
+  margin: 0 var(--adyen-sdk-spacer-070, 16px);
+}
+
+.adyen-kyc-embedded-action-bar > section {
+  min-width: 30%;
+  display: flex;
+  align-items: center;
+  gap: var(--adyen-sdk-spacer-040, 8px);
+}
+
+.adyen-kyc-embedded-action-bar-right {
+  justify-content: end;
 }/* #region Borders */
 /* #endregion */
 /* #region Z-index */
@@ -3525,52 +3639,6 @@ button[disabled]:hover {
 }
 .adyen-kyc-introduction__nav button {
   flex-grow: 1;
-}/* #region Borders */
-/* #endregion */
-/* #region Z-index */
-/* #endregion */
-/* #region Timing functions */
-/* #endregion */
-/* #region Inline components */
-/* #endregion */
-.adyen-kyc-progress {
-  width: 100%;
-}
-.adyen-kyc-progress__bar {
-  display: flex;
-  flex: 1;
-  padding: var(--adyen-sdk-spacer-000, 0px);
-  margin: var(--adyen-sdk-spacer-000, 0px);
-}
-.adyen-kyc-progress__bar--thick li {
-  height: 6px;
-}
-.adyen-kyc-progress__bar--thick li:first-of-type {
-  border-top-left-radius: var(--adyen-sdk-border-radius-m, 8px);
-  border-bottom-left-radius: var(--adyen-sdk-border-radius-m, 8px);
-}
-.adyen-kyc-progress__bar--thick li:last-of-type {
-  border-top-right-radius: var(--adyen-sdk-border-radius-m, 8px);
-  border-bottom-right-radius: var(--adyen-sdk-border-radius-m, 8px);
-}
-.adyen-kyc-progress__step {
-  background-color: var(--adyen-sdk-color-background-tertiary, #eeeff1);
-  display: flex;
-  flex: 1;
-  height: 4px;
-}
-.adyen-kyc-progress__step--active {
-  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
-}
-.adyen-kyc-progress__step-label {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  overflow: hidden;
-  padding: var(--adyen-sdk-spacer-000, 0px) !important;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
 }.adyen-kyc-singpass-selection {
   max-width: 544px;
   margin-left: auto;
@@ -3910,6 +3978,70 @@ button[disabled]:hover {
 }
 .adyen-kyc-signer-card__name {
   flex-grow: 1;
+}.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 skeleton;
+}
+
+.adyen-kyc-skeleton__circle {
+  border-radius: 50%;
+}
+
+.adyen-kyc-skeleton__text {
+  height: 1em !important;
+  margin: 0.2em 0 !important;
+}
+
+@keyframes skeleton {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}.adyen-kyc-embedded-status {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--adyen-sdk-spacer-060, 12px);
+  width: 420px;
+  cursor: pointer;
+  /* html button default styling removal */
+  border: 0;
+  background: inherit;
+  text-align: left;
+  padding: 0;
+}
+
+.adyen-kyc-embedded-status__avatar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--adyen-sdk-border-radius-m, 8px);
+}
+
+.adyen-kyc-embedded-status__avatar:not(.adyen-kyc-embedded-status__loading) {
+  color: var(--adyen-sdk-color-label-inverse-primary, #ffffff);
+  background-color: var(--adyen-sdk-color-background-inverse-primary, #00112c);
+}
+
+.adyen-kyc-embedded-status__info {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-x: auto;
+}
+
+.adyen-kyc-embedded-status__info .adyen-kyc-embedded-status__title {
+  font-weight: var(--adyen-sdk-text-title-m-font-weight, 600);
 }.adyen-kyc__high-exposure-company .adyen-kyc-typography--title-l,
 .adyen-kyc__high-exposure-company .adyen-kyc-typography--body {
   margin-bottom: var(--adyen-sdk-spacer-070, 16px);

package/dist/types/components/AdditionalInformation/component/AdditionalInformationComponent.d.ts

@@ -2,5 +2,5 @@ import './AdditionalInformationComponent.scss';
 import type { BusinessDetailsSchema } from '../../BusinessDetails/types';
 import { type AdditionalInformationProps, type AdditionalInformationSchema } from '../types';
 export declare const ADDITIONAL_INFORMATION_FORM_ID: keyof BusinessDetailsSchema;
-export declare const additionalInformationFields: Array<keyof AdditionalInformationSchema>;
+export declare const ADDITIONAL_INFORMATION_FIELDS: Array<keyof AdditionalInformationSchema>;
 export declare function AdditionalInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, verifiedBusiness, showCompanyStructure, }: AdditionalInformationProps): import("preact").JSX.Element;

package/dist/types/components/BasicInformation/component/BasicInformationComponent.d.ts

@@ -2,5 +2,5 @@ import './BasicInformationComponent.scss';
 import type { BusinessDetailsSchema } from '../../BusinessDetails/types';
 import type { BasicInformationProps, BasicInformationSchema } from '../types';
 export declare const BASIC_INFORMATION_FORM_ID: keyof BusinessDetailsSchema;
-export declare const basicInformationFields: Array<keyof BasicInformationSchema>;
-export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, isBusinessSelection, setVerifiedBusiness, searchName, }: BasicInformationProps): import("preact").JSX.Element;
+export declare const BASIC_INFORMATION_FIELDS: Array<keyof BasicInformationSchema>;
+export declare function BasicInformationComponent({ data, labels, placeholders, helperText, heading, description, readOnly, shouldValidate, formVerificationErrors, fieldValidationErrors, allFields, requiredFields, obscuredFields, optionalFields, readOnlyFields, trustedFields, country, companyType, isTopLevelEntity, setVerifiedBusiness, searchName, className, }: BasicInformationProps): import("preact").JSX.Element;

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

@@ -15,7 +15,7 @@ export interface BasicInformationProps extends BaseInnerFormProps<BasicInformati
     companyType: CompanyTypesValue | undefined;
     isTopLevelEntity: boolean;
     baseTrackingPayload: BaseTrackingPayload;
-    isBusinessSelection: boolean;
     setVerifiedBusiness: Dispatch<StateUpdater<CompanyDatasetResponse | undefined>>;
     searchName: string | undefined;
+    className?: string;
 }

package/dist/types/components/BusinessDetails/forms.d.ts

@@ -7,6 +7,7 @@ export declare const getForms: (country: CountryCode) => {
         readonly formId: "basicInformation";
         readonly formName: "basicInformationFormName";
         readonly formHeading: "basicInformationFormHeading";
+        readonly formDescription: "basicInformationFormDescription";
         readonly fields: ("country" | "businessName" | "stateOrProvince" | keyof import("../internal/BusinessRegistrationNumberField/types").BusinessRegistrationNumberFieldSchema | keyof import("../internal/TaxInformationField/types").TaxInformationFieldSchema)[];
     };
     readonly companyStructure: {
@@ -20,7 +21,6 @@ export declare const getForms: (country: CountryCode) => {
         readonly formId: "additionalInformation";
         readonly formName: "additionalInformationFormName";
         readonly formHeading: "additionalInformationFormHeading";
-        readonly formDescription: "additionalInformationFormDescription";
         readonly fields: (keyof AdditionalInformationSchema)[];
     };
     readonly companyRegistrationAddress: {

package/dist/types/components/Dropins/DropinLayout/DropinLayout.d.ts

@@ -1,3 +1,3 @@
 import './DropinLayout.scss';
 import type { DropinLayoutProps } from './types';
-export declare const DropinLayout: (props: DropinLayoutProps) => import("preact").JSX.Element;
+export declare const DropinLayout: ({ content, footer, showAsModal, onBack, onClose, }: DropinLayoutProps) => import("preact").JSX.Element;

package/dist/types/components/Dropins/DropinLayout/EmbeddedActionBar/EmbeddedActionBar.d.ts

@@ -0,0 +1,7 @@
+import './EmbeddedActionBar.scss';
+import type { ComponentChildren } from 'preact';
+export interface EmbeddedActionBarProps {
+    left: ComponentChildren;
+    right?: ComponentChildren;
+}
+export declare const EmbeddedActionBar: ({ left, right }: EmbeddedActionBarProps) => import("preact").JSX.Element;

package/dist/types/components/Dropins/DropinLayout/types.d.ts

@@ -1,6 +1,9 @@
 import { JSX } from 'preact';
 import Element = JSX.Element;
 export interface DropinLayoutProps {
+    showAsModal?: boolean;
     content: Element;
     footer?: Element;
+    onBack?: () => void;
+    onClose?: () => void;
 }

package/dist/types/components/Dropins/FormWrapper/FormWrapper.d.ts

@@ -18,6 +18,7 @@ export interface FormWrapperProps {
     taskName: TranslationKey;
     handleNextClick(): void;
     handleBackClick?(): void;
+    handleCloseClick?(): void;
     gotoFormByFormIndex(index: number): void;
     handleHomeClick?(): void;
     nextButtonLabel: string;
@@ -34,8 +35,10 @@ export interface FormWrapperProps {
     hideBackButton?: boolean;
     hideNextButton?: boolean;
     hideNavigation?: boolean;
+    asModal?: boolean;
     problems?: EntityProblems;
     canSubmit?: boolean;
     onSubmit(): void;
+    currentStep?: number;
 }
-export declare const FormWrapper: ({ summary, taskName, children, handleNextClick, handleBackClick, handleHomeClick, nextButtonLabel, backButtonLabel, homeButtonLabel, loadingStatus, gotoFormByFormIndex, forms, activeForm, handleGetIdVerificationToken, validateForm, baseTrackingPayload, hideDropinLayout, hideFooter, hideHomeButton, hideBackButton, hideNextButton, hideNavigation, canSubmit, onSubmit, problems, }: FormWrapperProps) => import("preact").JSX.Element;
+export declare const FormWrapper: ({ summary, taskName, children, handleNextClick, handleBackClick, handleHomeClick, handleCloseClick, nextButtonLabel, backButtonLabel, homeButtonLabel, loadingStatus, gotoFormByFormIndex, forms, activeForm, handleGetIdVerificationToken, validateForm, baseTrackingPayload, hideDropinLayout, hideFooter, hideHomeButton, hideBackButton, hideNextButton, hideNavigation, asModal, canSubmit, onSubmit, problems, currentStep, }: FormWrapperProps) => import("preact").JSX.Element;