@incodetech/web 0.0.0-dev-20260609-6cfe5bbe → 0.0.0-dev-20260609-155c16bf

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,10 +40,6 @@
   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));

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,10 +7653,6 @@
   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));

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,
@@ -879,15 +885,22 @@ var SignatureContent = ({ config, onFinish, onError }) => {
 				}),
 				/* @__PURE__ */ u(Spacer, { size: 8 }),
 				/* @__PURE__ */ u(Button, {
-					variant: "link",
+					variant: "secondary",
 					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,10 +6794,6 @@
   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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260609-6cfe5bbe",
+  "version": "0.0.0-dev-20260609-155c16bf",
   "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-155c16bf"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",