@incodetech/web 2.1.0-rc.1 → 2.1.0-rc.3

package/dist/themes/dark.css

@@ -775,6 +775,9 @@
   /* Icon / Brand */
 
   --icon-brand-500-static: var(--primitive-color-brand-500);
+  /* Darker brand shade for text/icons on a light brand-50 surface, where
+     brand-500 only reaches 4.04:1 (below WCAG AA 4.5:1). */
+  --icon-brand-600: var(--primitive-color-brand-600);
 
   /* Icon / Status */
 
@@ -900,6 +903,9 @@
   /* Icon / Brand */
 
   --icon-brand-500-static: var(--primitive-color-brand-500);
+  /* In dark theme the brand-50 surface maps to dark navy (brand-900), so the
+     accessible "brand-600 text" role uses a lighter shade for AA contrast. */
+  --icon-brand-600: var(--primitive-color-brand-300);
 
   /* Icon / Status */
 
@@ -1055,7 +1061,7 @@
 
   --input-text-field-default: var(--text-body-800-primary);
   --input-text-field-disabled: var(--text-body-400);
-  --input-text-field-placeholder: var(--text-body-400);
+  --input-text-field-placeholder: var(--text-body-500-secondary);
 
   --input-text-helper-default: var(--text-body-800-primary);
   --input-text-helper-negative: var(--text-status-negative);
@@ -1082,7 +1088,7 @@
 
   --dropdown-text-input-default: var(--text-body-800-primary);
   --dropdown-text-input-disabled: var(--text-body-400);
-  --dropdown-text-input-placeholder: var(--text-body-400);
+  --dropdown-text-input-placeholder: var(--text-body-500-secondary);
 
   --dropdown-text-helper-default: var(--text-body-800-primary);
   --dropdown-text-helper-negative: var(--text-status-negative);
@@ -1214,6 +1220,22 @@
   --redirect-phone-input-country-code-width: 130px;
   --redirect-qr-wrapper-border-radius: 21px;
 
+  /* electronic signature */
+  --electronic-signature-title-max-w: 600px;
+  --electronic-signature-illustration-max-w: min(
+    100cqw,
+    calc(100cqh - 32px),
+    297px
+  );
+  --electronic-signature-illustration-svg-w: 80%;
+  --electronic-signature-illustration-svg-shift: 3%;
+  --electronic-signature-doc-preview-max-h: 150px;
+  --electronic-signature-doc-preview-radius: 6px;
+  --electronic-signature-doc-row-h: 56px;
+  --electronic-signature-doc-view-header-offset: calc(
+    -1 * var(--page-header-height)
+  );
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/themes/light.css

@@ -775,6 +775,9 @@
   /* Icon / Brand */
 
   --icon-brand-500-static: var(--primitive-color-brand-500);
+  /* Darker brand shade for text/icons on a light brand-50 surface, where
+     brand-500 only reaches 4.04:1 (below WCAG AA 4.5:1). */
+  --icon-brand-600: var(--primitive-color-brand-600);
 
   /* Icon / Status */
 
@@ -900,6 +903,9 @@
   /* Icon / Brand */
 
   --icon-brand-500-static: var(--primitive-color-brand-500);
+  /* In dark theme the brand-50 surface maps to dark navy (brand-900), so the
+     accessible "brand-600 text" role uses a lighter shade for AA contrast. */
+  --icon-brand-600: var(--primitive-color-brand-300);
 
   /* Icon / Status */
 
@@ -1055,7 +1061,7 @@
 
   --input-text-field-default: var(--text-body-800-primary);
   --input-text-field-disabled: var(--text-body-400);
-  --input-text-field-placeholder: var(--text-body-400);
+  --input-text-field-placeholder: var(--text-body-500-secondary);
 
   --input-text-helper-default: var(--text-body-800-primary);
   --input-text-helper-negative: var(--text-status-negative);
@@ -1082,7 +1088,7 @@
 
   --dropdown-text-input-default: var(--text-body-800-primary);
   --dropdown-text-input-disabled: var(--text-body-400);
-  --dropdown-text-input-placeholder: var(--text-body-400);
+  --dropdown-text-input-placeholder: var(--text-body-500-secondary);
 
   --dropdown-text-helper-default: var(--text-body-800-primary);
   --dropdown-text-helper-negative: var(--text-status-negative);
@@ -1214,6 +1220,22 @@
   --redirect-phone-input-country-code-width: 130px;
   --redirect-qr-wrapper-border-radius: 21px;
 
+  /* electronic signature */
+  --electronic-signature-title-max-w: 600px;
+  --electronic-signature-illustration-max-w: min(
+    100cqw,
+    calc(100cqh - 32px),
+    297px
+  );
+  --electronic-signature-illustration-svg-w: 80%;
+  --electronic-signature-illustration-svg-shift: 3%;
+  --electronic-signature-doc-preview-max-h: 150px;
+  --electronic-signature-doc-preview-radius: 6px;
+  --electronic-signature-doc-row-h: 56px;
+  --electronic-signature-doc-view-header-offset: calc(
+    -1 * var(--page-header-height)
+  );
+
   /* digital ID upload */
   --digital-id-preview-w: 156px;
   --digital-id-preview-h: 221px;

package/dist/{transitionSpinner-DRRz-NV8.js → transitionSpinner-CuNCqHNi.js}

@@ -1,25 +1,29 @@
-import { n as useTranslation } from "./i18n-CoCO2ZuN.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { t as Spinner } from "./spinner-D8a_2LvW.js";
-import "./spinner-B6RxGFrI.js";
+import { t as Spinner } from "./spinner-BMeIEK1d.js";
+import "./spinner-BCDCoi9C.js";
 //#region src/shared/processing/transitionSpinner.tsx
 /**
 * Canonical "we're getting ready / processing" loader.
 *
-* Renders a container-filling `Spinner` with the unified `loadingCircle.hangOn`
+* Renders a container-filling `Spinner` with the unified `loadingCircle.holdOn`
 * / `loadingCircle.validating` copy at `size="large"` so every cross-module
 * transition looks identical to the user. Optional `spinnerConfig` overrides
 * any of `title`, `subtitle`, or `size` for consumers that already exposed
 * those. Pass `hideText` to render the spinner icon on its own.
 */
-var TransitionSpinner = ({ spinnerConfig, className, hideText = false }) => {
+var TransitionSpinner = ({ spinnerConfig, className, hideText = false, presentational = false }) => {
 	const { t } = useTranslation();
+	const title = hideText ? void 0 : spinnerConfig?.title ?? t("loadingCircle.holdOn");
+	const subtitle = hideText ? void 0 : spinnerConfig?.subtitle ?? t("loadingCircle.validating");
 	return /* @__PURE__ */ u(Spinner, {
-		title: hideText ? void 0 : spinnerConfig?.title ?? t("loadingCircle.hangOn"),
-		subtitle: hideText ? void 0 : spinnerConfig?.subtitle ?? t("loadingCircle.validating"),
+		title,
+		subtitle,
+		ariaLabel: presentational ? void 0 : [title, subtitle].filter(Boolean).join(". ") || void 0,
 		size: spinnerConfig?.size ?? "large",
 		fullScreen: true,
-		className
+		className,
+		presentational
 	});
 };
 //#endregion