@incodetech/web 2.0.0 → 2.0.1

package/dist/customFields-CW38fQUv.js

@@ -0,0 +1,127 @@
+import { n as e } from "./i18n-9s4OSqwi.js";
+import { _ as t, l as n, p as r, v as i } from "./vendor-preact-D6SntenC.js";
+import { o as a } from "./hooks-BVnGysT7.js";
+import { t as o } from "./incodeComponent-C1o4M0ZK.js";
+import { r as s, t as c } from "./loadingIcon-BN5YRQUb.js";
+import { t as l } from "./page-C1yT4DLb.js";
+import { t as u } from "./button-DcCUEn2n.js";
+import { t as d } from "./successIcon-DbILeIz_.js";
+import { t as f } from "./inputComposed-APSw8C7o.js";
+import { t as p } from "./checkbox-Cl57ltq_.js";
+import { t as m } from "./dateInputComposed-BpAGsjN6.js";
+import { t as h } from "./incodeModule-BqCjVgEI.js";
+import { t as g } from "./statusPage-CUI7ApcU.js";
+import { createCustomFieldsManager as _ } from "@incodetech/core/custom-fields";
+//#region src/modules/custom-fields/customFields.tsx
+var v = {
+	INTEGER: "number",
+	DOUBLE: "number",
+	STRING: "text"
+}, y = { DOUBLE: "any" }, b = ({ field: e, isDisabled: t, onChange: n }) => {
+	let [a, o] = r("");
+	return /* @__PURE__ */ i("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ i(m, {
+			id: `custom-field-${e.name}`,
+			name: e.name,
+			label: e.label,
+			disabled: t,
+			value: a,
+			onInput: (t) => {
+				let r = t.target.value;
+				o(r), n(e.name, r);
+			}
+		})
+	});
+}, x = ({ field: e, isDisabled: t, onChange: n }) => {
+	let r = `custom-field-${e.name}`;
+	return e.type === "BOOLEAN" ? /* @__PURE__ */ i("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ i(p, {
+			id: r,
+			name: e.name,
+			label: e.label,
+			disabled: t,
+			onChange: (t) => n(e.name, t.target.checked)
+		})
+	}) : e.type === "DATE" ? /* @__PURE__ */ i(b, {
+		field: e,
+		isDisabled: t,
+		onChange: n
+	}) : /* @__PURE__ */ i("div", {
+		class: "IncodeCustomFieldsField",
+		children: /* @__PURE__ */ i(f, {
+			id: r,
+			name: e.name,
+			label: e.label,
+			type: v[e.type] ?? "text",
+			step: y[e.type],
+			disabled: t,
+			onInput: (t) => n(e.name, t.target.value)
+		})
+	});
+}, S = ({ config: r, manager: o, onFinish: f, onError: p }) => {
+	let { t: m } = e(), h = n(null), [v, y] = a(() => {
+		if (o) return o;
+		if (!r) throw Error("CustomFields config is required");
+		return _({ config: r });
+	}, {
+		manageLifecycle: !o,
+		autoLoad: !0
+	});
+	if (t(() => {
+		v.status === "finished" && f?.();
+	}, [v, f]), t(() => {
+		v.status === "success" && h.current?.focus();
+	}, [v.status]), v.status === "success") return /* @__PURE__ */ i(g, {
+		variant: "success",
+		icon: /* @__PURE__ */ i(d, { size: 64 }),
+		title: m("customFields.completed"),
+		titleRef: h,
+		hideFooterBranding: !0
+	});
+	if (v.status === "finished") return null;
+	let b = v.status === "inputting" || v.status === "submitting" ? v.title ? m(v.title) : m("customFields.title") : "";
+	if (v.status === "submitting") return /* @__PURE__ */ i(g, {
+		variant: "loading",
+		icon: /* @__PURE__ */ i(c, { size: 64 }),
+		title: m("customFields.processing"),
+		hideFooterBranding: !0
+	});
+	let S = v.status === "inputting" ? v.canSubmit : !1, C = v.status === "inputting" ? v.customFields : [], w = (e, t) => {
+		y.setField(e, t);
+	};
+	return /* @__PURE__ */ i(l, {
+		className: "IncodeCustomFieldsPage",
+		title: b,
+		hideFooterBranding: !0,
+		children: /* @__PURE__ */ i("form", {
+			class: "IncodeCustomFieldsForm",
+			onSubmit: (e) => {
+				e.preventDefault(), y.submit();
+			},
+			autoComplete: "off",
+			children: [
+				C.map((e) => /* @__PURE__ */ i(x, {
+					field: e,
+					isDisabled: !1,
+					onChange: w
+				}, e.name)),
+				/* @__PURE__ */ i(s, {}),
+				/* @__PURE__ */ i(u, {
+					type: "submit",
+					disabled: !S,
+					children: m("customFields.continue")
+				})
+			]
+		})
+	});
+}, C = ({ config: e, manager: t, onFinish: n, onError: r }) => /* @__PURE__ */ i(o, { children: e || t ? /* @__PURE__ */ i(S, {
+	config: e,
+	manager: t,
+	onFinish: n,
+	onError: r
+}) : null });
+h(C, "incode-custom-fields");
+//#endregion
+export { C as CustomFields };

package/dist/customWatchlist-D9_yjEQd.js

@@ -0,0 +1,33 @@
+import { n as e } from "./i18n-9s4OSqwi.js";
+import { _ as t, l as n, v as r } from "./vendor-preact-D6SntenC.js";
+import { o as i } from "./hooks-BVnGysT7.js";
+import { t as a } from "./incodeComponent-C1o4M0ZK.js";
+import { t as o } from "./loadingIcon-BN5YRQUb.js";
+import { t as s } from "./successIcon-DbILeIz_.js";
+import { t as c } from "./incodeModule-BqCjVgEI.js";
+import { t as l } from "./statusPage-CUI7ApcU.js";
+import { createCustomWatchlistManager as u } from "@incodetech/core/custom-watchlist";
+//#region src/modules/custom-watchlist/customWatchlist.tsx
+var d = ({ onFinish: a }) => {
+	let { t: c } = e(), [d, f] = i(() => u()), p = n(null);
+	return t(() => {
+		f.load();
+	}, [f]), t(() => {
+		d.status === "finished" && a?.();
+	}, [d.status, a]), t(() => {
+		d.status === "success" && p.current?.focus();
+	}, [d.status]), d.status === "success" ? /* @__PURE__ */ r(l, {
+		variant: "success",
+		icon: /* @__PURE__ */ r(s, { size: 64 }),
+		title: c("customWatchlist.done"),
+		titleRef: p
+	}) : /* @__PURE__ */ r(l, {
+		variant: "loading",
+		icon: /* @__PURE__ */ r(o, { size: 64 }),
+		title: c("watchList.processing"),
+		subtitle: c("customWatchlist.wontTake")
+	});
+}, f = ({ onFinish: e }) => /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(d, { onFinish: e }) });
+c(f, "incode-custom-watchlist");
+//#endregion
+export { f as CustomWatchlist };

package/dist/dateInputComposed-BpAGsjN6.js

@@ -0,0 +1,55 @@
+import { a as e, v as t } from "./vendor-preact-D6SntenC.js";
+import { n } from "./loadingIcon-BN5YRQUb.js";
+import { m as r } from "./icons-Cc7zwchP.js";
+import { t as i } from "./inputComposed-APSw8C7o.js";
+import "./inputComposed-XYrarFxS.js";
+//#region src/shared/dateInputComposed/dateInputComposed.tsx
+var a = e(({ id: e, label: a, disabled: o, class: s, ...c }, l) => {
+	let u = (e) => {
+		if (!e || !("showPicker" in HTMLInputElement.prototype)) return !1;
+		try {
+			return e.showPicker(), !0;
+		} catch {
+			return !1;
+		}
+	}, d = (e) => {
+		if (o) {
+			e.preventDefault();
+			return;
+		}
+		let t = e.currentTarget.control;
+		u(t);
+	}, f = (e) => {
+		if (o || e.key !== "Enter" && e.key !== " ") return;
+		e.preventDefault();
+		let t = e.currentTarget.control;
+		!u(t) && t && t.click();
+	};
+	return /* @__PURE__ */ t(i, {
+		ref: l,
+		id: e,
+		type: "date",
+		label: a,
+		disabled: o,
+		class: n("IncodeDateInputComposed", s),
+		rightIcon: /* @__PURE__ */ t("label", {
+			htmlFor: e,
+			class: "IncodeDateInputComposedIconButton",
+			role: "button",
+			"aria-label": "Open date picker",
+			"aria-disabled": o ? "true" : void 0,
+			tabIndex: o ? -1 : 0,
+			"data-disabled": o ? "true" : void 0,
+			onClick: d,
+			onKeyDown: f,
+			children: /* @__PURE__ */ t("span", {
+				class: "IncodeDateInputComposedIcon",
+				children: /* @__PURE__ */ t(r, {})
+			})
+		}),
+		...c
+	});
+});
+a.displayName = "DateInputComposed";
+//#endregion
+export { a as t };

package/dist/dateInputComposed-DU3o6PAV.js

@@ -0,0 +1 @@
+import "./dateInputComposed-BpAGsjN6.js";

package/dist/defineProperty-Dh8nSJpJ.js

@@ -0,0 +1,39 @@
+//#region \0@oxc-project+runtime@0.122.0/helpers/typeof.js
+function e(t) {
+	"@babel/helpers - typeof";
+	return e = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, e(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPrimitive.js
+function t(t, n) {
+	if (e(t) != "object" || !t) return t;
+	var r = t[Symbol.toPrimitive];
+	if (r !== void 0) {
+		var i = r.call(t, n || "default");
+		if (e(i) != "object") return i;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (n === "string" ? String : Number)(t);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/toPropertyKey.js
+function n(n) {
+	var r = t(n, "string");
+	return e(r) == "symbol" ? r : r + "";
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.122.0/helpers/defineProperty.js
+function r(e, t, r) {
+	return (t = n(t)) in e ? Object.defineProperty(e, t, {
+		value: r,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = r, e;
+}
+//#endregion
+export { r as t };

package/dist/document-capture/styles.css

@@ -0,0 +1,367 @@
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties {
+  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
+    *, :before, :after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+    }
+  }
+}
+
+.IncodeDocumentCaptureFileInput {
+  pointer-events: none;
+  border-style: var(--tw-border-style);
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  opacity: 0;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+  position: absolute;
+  overflow: hidden;
+  width: 0 !important;
+  height: 0 !important;
+  margin: 0 !important;
+}
+
+.IncodeDocumentCaptureFileInput::file-selector-button {
+  display: none;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodePageContent {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
+  margin-block: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  width: 292px;
+  margin-inline: auto;
+  display: flex;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
+  width: 100%;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
+  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
+  text-align: center;
+  font-size: var(--text-14, var(--primitive-typography-size-14));
+  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  color: var(--input-text-helper-negative, #e53e3e);
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  justify-content: center;
+  display: flex;
+}
+
+.IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.IncodeDocumentCaptureBottomSheetOptions {
+  width: 100%;
+  padding-top: var(--spacing-8, var(--spacing-8, 8px));
+  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
+  flex-direction: column;
+  align-items: flex-start;
+  display: flex;
+}
+
+.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {
+  align-items: center;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
+  --tw-border-style: none;
+  width: 100%;
+  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  background-color: #0000;
+  border-style: none;
+  display: flex;
+}
+
+.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex-shrink: 0;
+}
+
+.IncodeDocumentCaptureReviewPage .IncodePageContent {
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+@media (min-width: 48rem) {
+  .IncodeDocumentCaptureReviewPage .IncodePageInner {
+    padding: var(--spacing-24, var(--spacing-24, 24px));
+  }
+}
+
+.IncodeDocumentCaptureReviewLayout {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100px;
+  display: flex;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
+  max-width: var(--incode-form-max-w);
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  overflow: hidden;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
+  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
+  flex: 1;
+  display: flex;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  object-fit: cover;
+  border-style: var(--tw-border-style);
+  border-width: 4px;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  width: 100%;
+  max-height: 100%;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
+  border-color: var(--color-border-status-positive, var(--border-status-positive-static));
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  display: flex;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
+  width: 100%;
+  max-width: var(--incode-form-max-w);
+  justify-content: center;
+  align-self: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
+  visibility: hidden;
+  height: 56px;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
+  display: flex;
+}
+
+.IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
+  flex: 1;
+}
+
+.IncodeDocumentCaptureReviewCentered {
+  flex-direction: column;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.IncodeDocumentCapturePdfCard {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  border-radius: var(--radius-large, var(--border-radius-large));
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
+  width: 100%;
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-block: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
+  width: var(--spacing-120, var(--spacing-120, 120px));
+  border-radius: var(--radius-lg, .5rem);
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
+  height: var(--document-capture-pdf-preview-height);
+  overflow: hidden;
+}
+
+.IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
+  border-style: var(--tw-border-style);
+  border-width: 0;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
+  margin: -2px;
+}
+
+.IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
+  text-align: center;
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  overflow-wrap: break-word;
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards {
+  gap: var(--spacing-32, var(--spacing-32, 32px));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {
+  align-items: flex-start;
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+  border-radius: 12px;
+  display: flex;
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  flex-shrink: 0;
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {
+  font-family: var(--typography-body-family);
+  font-size: var(--typography-body-m-regular-size);
+  font-weight: var(--typography-body-m-regular-weight);
+  line-height: var(--typography-body-m-regular-line-height);
+  letter-spacing: var(--typography-body-m-regular-letter-spacing);
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
+.IncodeOverlay .IncodeDocumentCommonIssuesButtons {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
+  padding-top: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  margin-top: auto;
+  display: flex;
+}
+
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}