@incodetech/web 0.0.0-dev-20260312-e476b70 → 0.0.0-dev-20260313-573a40c

package/dist/geolocation/geolocation.es.js

@@ -1,10 +1,10 @@
-import { u as e, b as Z, S as m, B as M, r as K, I as B, a as I } from "../incodeModule-7zNv7YeX.js";
+import { u as e, b as Z, S as m, B as M, r as K, I as B, a as I } from "../incodeModule-C-yBwl3V.js";
 import { createGeolocationManager as H } from "@incodetech/core/geolocation";
 import { k as P, y as O } from "../vendor-preact-DP-hbKuj.js";
 import { getBrowser as F, getDeviceClass as A } from "@incodetech/core";
 import "../uiConfig-B8PUPgHY.js";
-import { P as G } from "../page-Bdz8JP3P.js";
-import { T as x } from "../Trans-BnPbhF6c.js";
+import { P as G } from "../page-DoaUg40Q.js";
+import { T as x } from "../Trans-CVsR_Mce.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
   {
@@ -62,7 +62,7 @@ const V = () => /* @__PURE__ */ e(
         "path",
         {
           d: "M171.417 46.5C146.334 46.5 126 66.8379 126 91.9252C126 117.013 171.417 189.109 171.417 189.109C171.417 189.109 216.834 117.014 216.834 91.9252C216.834 66.8363 196.499 46.5 171.417 46.5ZM171.417 111.788C160.449 111.788 151.558 102.895 151.558 91.9252C151.558 80.9552 160.449 72.0623 171.417 72.0623C182.385 72.0623 191.276 80.9552 191.276 91.9252C191.276 102.895 182.385 111.788 171.417 111.788Z",
-          fill: "var(--icon-brand-500)"
+          fill: "var(--icon-brand-500-static)"
         }
       ),
       /* @__PURE__ */ e("defs", { children: [
@@ -152,8 +152,8 @@ const V = () => /* @__PURE__ */ e(
             y2: "178.948",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ e("stop", { stopColor: "var(--icon-brand-500)", stopOpacity: "0.15" }),
-              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "var(--icon-brand-500)" })
+              /* @__PURE__ */ e("stop", { stopColor: "var(--icon-brand-500-static)", stopOpacity: "0.15" }),
+              /* @__PURE__ */ e("stop", { offset: "1", stopColor: "var(--icon-brand-500-static)" })
             ]
           }
         ),
@@ -527,7 +527,7 @@ const V = () => /* @__PURE__ */ e(
       { textKey: "geolocationv2.tapLocationAllow", icon: w }
     ]
   }
-], c = [
+], l = [
   {
     titleKey: "",
     steps: [
@@ -578,13 +578,13 @@ const V = () => /* @__PURE__ */ e(
   }
 ], J = {
   safari: W,
-  chrome: c,
+  chrome: l,
   firefox: z,
   opera: j,
-  edge: c,
-  other: c
+  edge: l,
+  other: l
 }, Q = () => {
-  const i = J[F()] ?? c;
+  const i = J[F()] ?? l;
   return /* @__PURE__ */ e("div", { class: "IncodeGeolocationPermissionSections", children: i.map((t) => /* @__PURE__ */ e(
     "div",
     {
@@ -630,17 +630,17 @@ const V = () => /* @__PURE__ */ e(
   onContinue: n,
   isLoading: o
 }) => {
-  const { t: l } = Z();
+  const { t: c } = Z();
   return /* @__PURE__ */ e(G, { className: "IncodeGeolocationPage", title: t, subtitle: C, children: [
     /* @__PURE__ */ e("div", { class: "IncodeGeolocationIconWrapper", children: /* @__PURE__ */ e(i, {}) }),
-    /* @__PURE__ */ e(M, { isLoading: o, onClick: n, children: l("geolocation.continue") })
+    /* @__PURE__ */ e(M, { isLoading: o, onClick: n, children: c("geolocation.continue") })
   ] });
 }, Y = ({
   config: i,
   onFinish: t,
   onError: C
 }) => {
-  const { t: n } = Z(), [o, l] = I(() => {
+  const { t: n } = Z(), [o, c] = I(() => {
     if (!i)
       throw new Error("Geolocation config is required");
     return H({ config: i });
@@ -654,7 +654,7 @@ const V = () => /* @__PURE__ */ e(
     {
       icon: D,
       title: n("geolocationv2.determineLocation"),
-      onContinue: () => l.request(),
+      onContinue: () => c.request(),
       isLoading: E
     }
   ) : o.status === "locationAcquired" ? /* @__PURE__ */ e(
@@ -663,13 +663,13 @@ const V = () => /* @__PURE__ */ e(
       icon: V,
       title: n("geolocation.currentLocation"),
       subtitle: o.location,
-      onContinue: () => l.continue()
+      onContinue: () => c.continue()
     }
   ) : o.status === "permissionDenied" ? /* @__PURE__ */ e(
     X,
     {
       canSkip: o.canSkip,
-      onSkip: () => l.skip(),
+      onSkip: () => c.skip(),
       onRefresh: () => window.location.reload()
     }
   ) : (o.status === "finished" && t?.(), null);

package/dist/geolocation/styles.css

@@ -61,12 +61,12 @@
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionSectionTitle {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h4-size);
   font-weight: var(--typography-headline-h4-weight);
   line-height: var(--typography-headline-h4-line-height);
   letter-spacing: var(--typography-headline-h4-letter-spacing);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepsList {
@@ -117,13 +117,13 @@
   line-height: var(--leading-snug, 1.375);
   --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(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionStepTextBold {
   --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
   font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeGeolocationPage.IncodeGeolocationPermissionPage .IncodeGeolocationPermissionArrow {

package/dist/governmentValidation/governmentValidation.es.js

@@ -1,13 +1,13 @@
-import { r as p, u as n, I as v, b as m, a as f, S as g } from "../incodeModule-7zNv7YeX.js";
+import { r as p, u as n, I as v, b as m, a as f, S as g } from "../incodeModule-C-yBwl3V.js";
 import { createGovernmentValidationManager as h } from "@incodetech/core/government-validation";
 import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
 import "../uiConfig-B8PUPgHY.js";
-import { S as c, E as I } from "../successIcon-BPe0Wymn.js";
-import { W as V } from "../warningIcon-C9TCAUlH.js";
-import { O as G } from "../otpInput-DWZ7I1PN.js";
-import { P as r } from "../page-Bdz8JP3P.js";
-import { S } from "../spinner-BknkxcID.js";
+import { S as c, E as I } from "../successIcon-CMUvDv_Z.js";
+import { W as V } from "../warningIcon-m0tjjxQl.js";
+import { O as G } from "../otpInput-DTGm8I2x.js";
+import { P as r } from "../page-DoaUg40Q.js";
+import { S } from "../spinner-EHZM4eN1.js";
 const o = ({
   variant: i,
   icon: a,

package/dist/governmentValidation/styles.css

@@ -31,7 +31,7 @@
 
 .IncodeGovtValidation .IncodeGovtValidationText {
   margin-top: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--primitive-typography-family-dm-sans);
+  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);
@@ -49,13 +49,11 @@
 }
 
 .IncodeGovtValidation.IncodeGovtValidation--otp .IncodeGovtValidationPage .IncodeGovtValidationOtpInstructions p {
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-lg-size);
-  font-weight: var(--typography-body-lg-weight);
-  line-height: var(--typography-body-lg-line-height);
-  letter-spacing: var(--typography-body-lg-letter-spacing);
-  font-size: var(--text-lg, 1.125rem);
-  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  font-family: var(--typography-input-dropdown-family);
+  font-size: var(--typography-input-dropdown-m-size);
+  font-weight: var(--typography-input-dropdown-m-weight);
+  line-height: var(--typography-input-dropdown-m-line-height);
+  letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   text-wrap: nowrap;
 }
 

package/dist/id/id.es.js

@@ -1,13 +1,13 @@
-import { u as e, b as C, S as p, B, c as w, r as z, I as N, a as O } from "../incodeModule-7zNv7YeX.js";
+import { u as e, b as C, S as p, B, c as w, r as z, I as N, a as O } from "../incodeModule-C-yBwl3V.js";
 import { createIdCaptureManager as G } from "@incodetech/core/id";
 import { d as m, y as v, k as K, D as Q, A as Z, q as $ } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { L as E, B as j, P as q } from "../baseTutorial-By7hI83C.js";
-import { P as W } from "../processing-D6kl543t.js";
+import { L as E, B as j, P as q } from "../baseTutorial-DmtD23I-.js";
+import { P as W } from "../processing-BIuFpDjr.js";
 import "../uiConfig-B8PUPgHY.js";
-import { L as J, P as X, a as Y, b as e1, c as t1, C as i1, d as n1 } from "../captureFooter-qhkTSzDA.js";
-import { P as M } from "../page-Bdz8JP3P.js";
-import { T as H, S as D } from "../spinner-BknkxcID.js";
+import { L as J, P as X, a as Y, b as e1, c as t1, C as i1, d as n1 } from "../captureFooter-CokUs1te.js";
+import { P as M } from "../page-DoaUg40Q.js";
+import { T as H, S as D } from "../spinner-EHZM4eN1.js";
 const r1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {

package/dist/id/styles.css

@@ -658,9 +658,9 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
   cursor: pointer;
   border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
+  border-width: var(--border-width-none, var(--primitive-border-width-0));
   --tw-border-style: none;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   background-color: #0000;
   border-style: none;
   justify-content: center;
@@ -682,7 +682,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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);
@@ -705,7 +705,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   flex-shrink: 0;
 }
 
@@ -716,7 +716,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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);
@@ -724,12 +724,12 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-regular-size);
-  font-weight: var(--typography-body-regular-weight);
-  line-height: var(--typography-body-regular-line-height);
-  letter-spacing: var(--typography-body-regular-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  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));
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesButtons {
@@ -741,7 +741,7 @@
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeCommonIssuesModal .IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {
@@ -838,21 +838,21 @@
 }
 
 .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeChooserPage .IncodeChooserContainer .IncodeChooserButton .IncodeChooserButtonContent .IncodeChooserButtonDescription {
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-regular-size);
-  font-weight: var(--typography-body-regular-weight);
-  line-height: var(--typography-body-regular-line-height);
-  letter-spacing: var(--typography-body-regular-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  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));
   max-width: 150px;
 }
 
@@ -867,7 +867,7 @@
 
 .IncodeCaptureFrame {
   border-radius: var(--radius-medium, var(--border-radius-medium));
-  --frame-border-color: var(--border-neutral-0);
+  --frame-border-color: var(--border-neutral-100);
   border: 4px solid var(--frame-border-color);
   justify-content: center;
   align-self: center;
@@ -894,7 +894,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameIdle {
-  --frame-border-color: var(--border-neutral-0);
+  --frame-border-color: var(--border-neutral-100);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
@@ -902,7 +902,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {
-  --frame-border-color: var(--border-status-positive);
+  --frame-border-color: var(--border-status-positive-static);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameError {
@@ -1034,13 +1034,13 @@
 
 .IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-tooltip-size);
-  font-weight: var(--typography-tooltip-weight);
-  line-height: var(--typography-tooltip-line-height);
-  letter-spacing: var(--typography-tooltip-letter-spacing);
+  font-family: var(--typography-tooltip-family);
+  font-size: var(--typography-tooltip-m-size);
+  font-weight: var(--typography-tooltip-m-weight);
+  line-height: var(--typography-tooltip-m-line-height);
+  letter-spacing: var(--typography-tooltip-m-letter-spacing);
   text-wrap: nowrap;
-  color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
 }
 
 .IncodeCaptureOverlayId.IncodeCaptureOverlayVertical .IncodeCaptureTopSection {
@@ -1094,13 +1094,13 @@
 
 .IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {
   margin: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-tooltip-size);
-  font-weight: var(--typography-tooltip-weight);
-  line-height: var(--typography-tooltip-line-height);
-  letter-spacing: var(--typography-tooltip-letter-spacing);
+  font-family: var(--typography-tooltip-family);
+  font-size: var(--typography-tooltip-m-size);
+  font-weight: var(--typography-tooltip-m-weight);
+  line-height: var(--typography-tooltip-m-line-height);
+  letter-spacing: var(--typography-tooltip-m-letter-spacing);
   text-wrap: nowrap;
-  color: var(--color-text-tooltip-neutral, var(--text-tooltip-neutral));
+  color: var(--color-text-body-0-static, var(--text-body-0-static));
 }
 
 .IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {
@@ -1250,13 +1250,13 @@
   align-items: center;
   gap: var(--spacing-4, var(--spacing-4, 4px));
   padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
-  font-family: var(--primitive-typography-family-dm-sans);
-  font-size: var(--typography-body-regular-size);
-  font-weight: var(--typography-body-regular-weight);
-  line-height: var(--typography-body-regular-line-height);
-  letter-spacing: var(--typography-body-regular-letter-spacing);
+  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);
   white-space: nowrap;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   display: flex;
 }
 
@@ -1271,12 +1271,12 @@
 }
 
 .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   text-align: center;
 }
 
@@ -1292,22 +1292,22 @@
 }
 
 .IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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);
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
   text-align: center;
 }
 
 .IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   text-align: center;
   max-width: 300px;
 }
@@ -1323,12 +1323,12 @@
 .IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {
   padding-block: var(--spacing-12, var(--spacing-12, 12px));
   text-align: center;
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h4-size);
   font-weight: var(--typography-headline-h4-weight);
   line-height: var(--typography-headline-h4-line-height);
   letter-spacing: var(--typography-headline-h4-letter-spacing);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
 .IncodeIdError {
@@ -1372,14 +1372,14 @@
 
 .IncodeIdExpiredTitle {
   text-align: center;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
 .IncodeIdExpiredSubtitle {
   font-size: var(--text-14, var(--primitive-typography-size-14));
   --tw-font-weight: var(--font-weight-normal, 400);
   font-weight: var(--font-weight-normal, 400);
-  color: var(--color-text-body-secondary, var(--text-body-secondary));
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
   text-align: center;
   max-width: 350px;
 }
@@ -1433,7 +1433,7 @@
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {
-  font-family: var(--primitive-typography-family-dm-sans);
+  font-family: var(--typography-headline-family);
   font-size: var(--typography-headline-h3-size);
   font-weight: var(--typography-headline-h3-weight);
   line-height: var(--typography-headline-h3-line-height);
@@ -1441,12 +1441,12 @@
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {
-  font-family: var(--primitive-typography-family-dm-sans);
+  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-tertiary, var(--text-body-tertiary));
+  color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
 }
 
 .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {