@incodetech/web 0.0.0-dev-20260629-bd5fa5af → 0.0.0-dev-20260630-d195eb29

package/dist/selfie/styles.css

@@ -449,6 +449,51 @@
     }
   }
 
+  @media (min-width: 40rem) {
+    .incode-container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .incode-container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .incode-container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .incode-container {
+      max-width: 96rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .incode-container {
+      max-height: var(--incode-page-max-h);
+      max-width: var(--incode-page-max-w);
+    }
+
+    @media not all and (min-width: 80rem) {
+      @media (orientation: landscape) {
+        .incode-container {
+          max-height: var(--incode-page-max-h-landscape);
+        }
+      }
+    }
+  }
+
   .incode-container {
     width: 100%;
   }
@@ -670,6 +715,11 @@
     font-weight: var(--typography-button-m-underlined-weight);
     line-height: var(--typography-button-m-underlined-line-height);
     letter-spacing: var(--typography-button-m-underlined-letter-spacing);
+    font-family: var(--typography-button-family);
+    font-size: var(--typography-button-m-underlined-size);
+    font-weight: var(--typography-button-m-underlined-weight);
+    line-height: var(--typography-button-m-underlined-line-height);
+    letter-spacing: var(--typography-button-m-underlined-letter-spacing);
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
@@ -736,20 +786,6 @@
   }
 }
 
-.IncodeCameraButton {
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeCameraButton .IncodeCameraButtonBackground {
-  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
-}
-
-.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
-  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
-}
-
 .IncodeCaptureContainer {
   flex-direction: column;
   flex: 1;
@@ -826,12 +862,6 @@
   transform: scaleX(-1);
 }
 
-.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
-  justify-content: center;
-  margin-top: auto;
-  display: flex;
-}
-
 .IncodeCaptureVisuallyHidden {
   clip-path: inset(50%);
   white-space: nowrap;
@@ -844,9 +874,71 @@
   overflow: hidden;
 }
 
+.IncodeFaceOutline {
+  width: 100%;
+  height: 100%;
+}
+
+.IncodeLoadingBorder {
+  aspect-ratio: 1;
+  width: 100%;
+  max-width: 335px;
+  position: absolute;
+}
+
+.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {
+  inset: var(--spacing-0, var(--spacing-none, 0px));
+  position: absolute;
+}
+
+.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {
+  animation: var(--animate-spin, spin 1s linear infinite);
+}
+
+.IncodeLoadingBorder .IncodeLoadingBorderPath {
+  transition: all 1s ease-in-out;
+}
+
+.IncodeNotification {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeNotification .IncodeNotificationText {
+  text-align: center;
+  font-family: var(--typography-feedback-family);
+  font-size: var(--typography-feedback-l-size);
+  font-weight: var(--typography-feedback-l-weight);
+  line-height: var(--typography-feedback-l-line-height);
+  letter-spacing: var(--typography-feedback-l-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeCameraButton {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeCameraButton .IncodeCameraButtonBackground {
+  fill: var(--color-icon-neutral-800-static, var(--icon-neutral-800-static));
+}
+
+.IncodeCameraButton .IncodeCameraButtonRing, .IncodeCameraButton .IncodeCameraButtonPath {
+  fill: var(--color-icon-neutral-50, var(--icon-neutral-50-static));
+}
+
+.IncodeCaptureCapturingPage .IncodeCaptureCapturingActions {
+  justify-content: center;
+  margin-top: auto;
+  display: flex;
+}
+
 .IncodePrivacyLensBanner {
   text-align: center;
   color: #4a5568;
+  text-align: center;
   max-width: 320px;
   margin-inline: auto;
   padding: 0 1rem 1rem;
@@ -874,31 +966,6 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeFaceOutline {
-  width: 100%;
-  height: 100%;
-}
-
-.IncodeLoadingBorder {
-  aspect-ratio: 1;
-  width: 100%;
-  max-width: 335px;
-  position: absolute;
-}
-
-.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {
-  inset: var(--spacing-0, var(--spacing-none, 0px));
-  position: absolute;
-}
-
-.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {
-  animation: var(--animate-spin, spin 1s linear infinite);
-}
-
-.IncodeLoadingBorder .IncodeLoadingBorderPath {
-  transition: all 1s ease-in-out;
-}
-
 .IncodeSelfieManualCapture {
   flex-direction: column;
   align-items: center;
@@ -921,22 +988,6 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
-.IncodeNotification {
-  flex-direction: column;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeNotification .IncodeNotificationText {
-  text-align: center;
-  font-family: var(--typography-feedback-family);
-  font-size: var(--typography-feedback-l-size);
-  font-weight: var(--typography-feedback-l-weight);
-  line-height: var(--typography-feedback-l-line-height);
-  letter-spacing: var(--typography-feedback-l-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-800-primary));
-}
-
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false

package/dist/signature/signature.es.js

@@ -1,14 +1,14 @@
-import { n as useTranslation } from "../i18n-DoP1NB7u.js";
+import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { _ as y, a as D, h as q, l as A, p as d, u as F, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import "../extensibility-lpmP58bm.js";
+import "../extensibility-SGdq3PlE.js";
 import { t as Button } from "../button-Ch5-QgHB.js";
-import { t as VerificationResult } from "../verificationResult-B6PBXbp9.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
-import { t as _defineProperty } from "../defineProperty-CTu-cLWm.js";
+import { t as VerificationResult } from "../verificationResult-NWJn7l6C.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
+import { t as _defineProperty } from "../defineProperty-Qjefk7Uf.js";
 import { createSignatureManager } from "@incodetech/core/signature";
 //#region ../../node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
 /*!

package/dist/{transitionSpinner-4rPkt-KM.js → transitionSpinner-SZgloiXn.js}

@@ -1,4 +1,4 @@
-import { n as useTranslation } from "./i18n-DoP1NB7u.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { t as Spinner } from "./spinner-BRNNKqPN.js";
 import "./spinner-zRaUjXtH.js";