@incodetech/web 0.0.0-dev-20260609-6cfe5bbe → 0.0.0-dev-20260609-c65d205c

package/dist/ae-signature/ae-signature.es.js

@@ -1,5 +1,5 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { n as ElectronicSignature } from "../electronic-signature-BDcXZ6kN.js";
+import { n as ElectronicSignature } from "../electronic-signature-B-Q7M0wK.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
 //#region src/modules/ae-signature/ae-signature.tsx
 var AeSignature = ({ config, onFinish, onError }) => {

package/dist/ae-signature/styles.css

@@ -201,24 +201,10 @@
 }
 
 .IncodeElectronicSignatureDocRowAction {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
+  width: auto;
+  max-width: none;
+  height: auto;
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  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);
-  -webkit-text-decoration-skip-ink: none;
-  text-decoration-skip-ink: none;
-  color: var(--color-text-link-default, var(--text-link-default));
-  background-color: #0000;
-  border-style: none;
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-  text-decoration-thickness: auto;
 }
 
 .IncodeElectronicSignatureConsents {

package/dist/ae-signature/styles2.css

@@ -10,6 +10,18 @@
   }
 }
 
+.IncodeSignature .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeSignature .IncodeSignatureContent {
   width: 100%;
   height: 100%;
@@ -28,17 +40,13 @@
   animation-fill-mode: both;
 }
 
-.IncodeSignature .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {
-  transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;
-}
-
 .IncodeSignature .SignatureCanvasContainer {
   width: 100%;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
-  border-width: 1px;
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
   border-color: var(--color-input-border-default, var(--input-border-default));
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   height: var(--signature-canvas-height);

package/dist/electronic-signature/electronic-signature.es.js

@@ -1,2 +1,2 @@
-import { n as ElectronicSignature, t as AeSignature } from "../electronic-signature-BDcXZ6kN.js";
+import { n as ElectronicSignature, t as AeSignature } from "../electronic-signature-B-Q7M0wK.js";
 export { AeSignature, ElectronicSignature };

package/dist/{electronic-signature-BDcXZ6kN.js → electronic-signature-B-Q7M0wK.js}

@@ -6,6 +6,7 @@ import { t as Page } from "./page-DxGQj7Gk.js";
 import { t as Button } from "./button-CM_hgyIP.js";
 import { c as ChevronLeftIcon, r as LockIcon } from "./icons-Dbs9ZfYM.js";
 import { t as SuccessIcon } from "./successIcon-BAyDPT7I.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-BzkUiELM.js";
 import { t as VerificationResult } from "./verificationResult-Do5SpZ6X.js";
 import { t as Checkbox } from "./checkbox-BoeLHKgp.js";
 import { t as PdfViewer } from "./pdfViewer-BK-yVIve.js";
@@ -249,7 +250,9 @@ var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
 				type: "file",
 				accept: "application/pdf",
 				className: "IncodeElectronicSignatureFileInput",
-				onChange: handleFileChange
+				onChange: handleFileChange,
+				tabIndex: -1,
+				"aria-hidden": "true"
 			})]
 		}), /* @__PURE__ */ u("div", {
 			className: "IncodeElectronicSignatureFooter",
@@ -273,7 +276,7 @@ var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
 			className: "IncodeElectronicSignature IncodeElectronicSignatureSuccess",
 			children: [/* @__PURE__ */ u("div", {
 				className: "IncodeElectronicSignatureSuccessCenter",
-				children: [/* @__PURE__ */ u(SuccessIcon, { size: 64 }), /* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ u(SuccessIcon, { size: 64 }), /* @__PURE__ */ u(AutoFocusTitle, {
 					className: "IncodeElectronicSignatureSuccessTitle",
 					children: t("signature.successTitle")
 				})]
@@ -341,9 +344,10 @@ var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
 								i === 0 ? "" : `${i + 1}`,
 								".pdf"
 							]
-						}), /* @__PURE__ */ u("button", {
-							type: "button",
-							className: "IncodeElectronicSignatureDocRowAction",
+						}), /* @__PURE__ */ u(Button, {
+							variant: "link",
+							size: "S",
+							class: "IncodeElectronicSignatureDocRowAction",
 							onClick: () => manager.viewDocument(doc.documentUrl),
 							children: t("aes.confirmSignature.viewDocument")
 						})]

package/dist/flow/styles.css

@@ -7623,7 +7623,7 @@
   display: flex;
 }
 
-.IncodeDynamicFormsPage .IncodeSrOnly {
+.IncodeDynamicFormsPage .IncodeSrOnly, .IncodeSignature .IncodeSrOnly {
   clip-path: inset(50%);
   white-space: nowrap;
   border-width: 0;
@@ -7653,17 +7653,13 @@
   animation-fill-mode: both;
 }
 
-.IncodeSignature .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {
-  transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;
-}
-
 .IncodeSignature .SignatureCanvasContainer {
   width: 100%;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
-  border-width: 1px;
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
   border-color: var(--color-input-border-default, var(--input-border-default));
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   height: var(--signature-canvas-height);
@@ -7932,24 +7928,10 @@
 }
 
 .IncodeElectronicSignatureDocRowAction {
-  cursor: pointer;
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--primitive-border-width-0));
-  --tw-border-style: none;
+  width: auto;
+  max-width: none;
+  height: auto;
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  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);
-  -webkit-text-decoration-skip-ink: none;
-  text-decoration-skip-ink: none;
-  color: var(--color-text-link-default, var(--text-link-default));
-  background-color: #0000;
-  border-style: none;
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-  text-decoration-thickness: auto;
 }
 
 .IncodeElectronicSignatureConsents {

package/dist/qe-signature/qe-signature.es.js

@@ -1,5 +1,5 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { n as ElectronicSignature } from "../electronic-signature-BDcXZ6kN.js";
+import { n as ElectronicSignature } from "../electronic-signature-B-Q7M0wK.js";
 import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
 //#region src/modules/qe-signature/qe-signature.tsx
 var QeSignature = ({ config, onFinish, onError }) => {

package/dist/signature/signature.es.js

@@ -696,7 +696,7 @@ var canvasToBlob = (canvas, mimeType, quality) => {
 		}, mimeType, mimeType === "image/jpeg" || mimeType === "image/webp" ? quality : void 0);
 	});
 };
-var SignatureCanvas = D(({ onBeginStroke, hasDrawing, placeholder, customPenColor, customPenStrokeWidth, customBackgroundColor, customBorderColor }, ref) => {
+var SignatureCanvas = D(({ onBeginStroke, hasDrawing, placeholder, ariaLabel, customPenColor, customPenStrokeWidth, customBackgroundColor, customBorderColor }, ref) => {
 	const containerRef = A(null);
 	const canvasRef = A(null);
 	const signaturePadRef = A(null);
@@ -785,9 +785,11 @@ var SignatureCanvas = D(({ onBeginStroke, hasDrawing, placeholder, customPenColo
 		children: [/* @__PURE__ */ u("canvas", {
 			class: "SignatureCanvas",
 			ref: canvasRef,
-			"aria-label": placeholder
+			role: "img",
+			"aria-label": ariaLabel ?? placeholder
 		}), !hasDrawing && /* @__PURE__ */ u("p", {
 			class: "SignatureCanvasPlaceholder",
+			"aria-hidden": "true",
 			children: placeholder
 		})]
 	});
@@ -799,6 +801,7 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => createSignatureManager({ config }), { autoLoad: true });
 	const [hasDrawing, setHasDrawing] = d(false);
+	const [announcement, setAnnouncement] = d("");
 	const signatureRef = A(null);
 	const error = state.status === "error" ? state.error : void 0;
 	const isSubmitting = state.status === "submitting";
@@ -808,8 +811,9 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 		signatureRef.current.on();
 		signatureRef.current.clear();
 		setHasDrawing(false);
+		setAnnouncement(t("signature.cleared"));
 		manager.setSignatureValid(false);
-	}, [manager]);
+	}, [manager, t]);
 	useModuleTerminalCallbacks({
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
@@ -869,9 +873,11 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 					hasDrawing,
 					onBeginStroke: () => {
 						setHasDrawing(true);
+						setAnnouncement(t("signature.captured"));
 						manager.setSignatureValid(true);
 					},
 					placeholder: t("signature.fullSignaturePlaceholder"),
+					ariaLabel: t("signature.canvasAriaLabel"),
 					customBackgroundColor: config.canvasBackgroundColor,
 					customBorderColor: config.canvasBorderColor,
 					customPenColor: config.penColor,
@@ -883,11 +889,18 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 					disabled: !hasDrawing || isSubmitting,
 					onClick: clearCanvas,
 					children: t("signature.clear")
+				}),
+				/* @__PURE__ */ u("span", {
+					class: "IncodeSrOnly",
+					"aria-live": "polite",
+					"aria-atomic": "true",
+					children: announcement
 				})
 			]
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeSignatureButtonContainer",
 			children: /* @__PURE__ */ u(Button, {
+				variant: "primary",
 				disabled: !canContinue,
 				isLoading: isSubmitting,
 				onClick: handleContinue,

package/dist/workflow/styles.css

@@ -6764,6 +6764,18 @@
   margin-top: 0;
 }
 
+.IncodeSignature .IncodeSrOnly {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
 .IncodeSignature .IncodeSignatureContent {
   width: 100%;
   height: 100%;
@@ -6782,17 +6794,13 @@
   animation-fill-mode: both;
 }
 
-.IncodeSignature .IncodeSignatureButtonContainer .IncodeButton.IncodeButtonPrimary {
-  transition: background-color .35s ease-out, color .35s ease-out, border-color .35s ease-out, opacity .35s ease-out, box-shadow .35s ease-out;
-}
-
 .IncodeSignature .SignatureCanvasContainer {
   width: 100%;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   padding-block: var(--spacing-8, var(--spacing-8, 8px));
   border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
-  border-width: 1px;
+  border-width: var(--border-width-regular, var(--primitive-border-width-1));
   border-color: var(--color-input-border-default, var(--input-border-default));
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   height: var(--signature-canvas-height);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260609-6cfe5bbe",
+  "version": "0.0.0-dev-20260609-c65d205c",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -255,7 +255,7 @@
     "qrcode": "^1.5.4",
     "signature_pad": "^5.1.3",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260609-6cfe5bbe"
+    "@incodetech/core": "0.0.0-dev-20260609-c65d205c"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",