@incodetech/web 0.0.0-dev-20260318-67691a6 → 0.0.0-dev-20260318-deddf15

package/dist/base.css

@@ -257,9 +257,11 @@
   height: 56px;
   padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   border-radius: var(--radius-medium, var(--border-radius-medium));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-m-size);
+  font-weight: var(--typography-button-m-weight);
+  line-height: var(--typography-button-m-line-height);
+  letter-spacing: var(--typography-button-m-letter-spacing);
   justify-content: center;
   align-items: center;
   gap: var(--spacing-8, var(--spacing-8, 8px));
@@ -267,9 +269,9 @@
   display: flex;
 }
 .IncodeButton.IncodeButtonM {
+  width: var(--spacing-40, var(--spacing-40, 40px));
+  height: var(--spacing-40, var(--spacing-40, 40px));
   border-radius: var(--radius-full, var(--border-radius-full));
-  width: 40px;
-  height: 40px;
   padding: var(--spacing-0, var(--spacing-none, 0px));
   flex-shrink: 0;
   justify-content: center;
@@ -280,18 +282,22 @@
   border-radius: var(--radius-full, var(--border-radius-full));
   width: auto;
   height: 30px;
-  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
-  font-size: var(--text-12, var(--primitive-typography-size-12));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
+  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
+  padding-block: var(--spacing-8, var(--spacing-8, 8px));
+  font-family: var(--typography-button-family);
+  font-size: var(--typography-button-s-size);
+  font-weight: var(--typography-button-s-weight);
+  line-height: var(--typography-button-s-line-height);
+  letter-spacing: var(--typography-button-s-letter-spacing);
+  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
   justify-content: center;
   align-items: center;
-  gap: var(--spacing-4, var(--spacing-4, 4px));
+  gap: var(--spacing-8, var(--spacing-8, 8px));
   display: inline-flex;
 }
 .IncodeButton.IncodeButtonS.IncodeButtonIconOnly {
-  width: 24px;
-  height: 24px;
+  width: var(--spacing-icon-small, var(--icon-size-small));
+  height: var(--spacing-icon-small, var(--icon-size-small));
   padding: var(--spacing-0, var(--spacing-none, 0px));
   flex-shrink: 0;
 }
@@ -324,19 +330,23 @@
   fill: var(--surface-brand-400-static);
 }
 .IncodeButton.IncodeButtonSecondary {
-  background-color: var(--color-button-secondary-surface-default, var(--button-secondary-surface-default));
   color: var(--color-button-secondary-text-default, var(--button-secondary-text-default));
   border-style: var(--tw-border-style);
   border-width: 1.5px;
   border-color: var(--color-button-secondary-border-default, var(--button-secondary-border-default));
 }
 .IncodeButton.IncodeButtonSecondary:active {
-  background-color: var(--color-button-secondary-surface-pressed, var(--button-secondary-surface-pressed));
   border-color: var(--color-button-secondary-border-pressed, var(--button-secondary-border-pressed));
   color: var(--color-button-primary-text-default, var(--button-primary-text-default));
 }
+.IncodeButton.IncodeButtonSecondary:hover {
+  border-color: var(--color-button-secondary-border-hover, var(--button-secondary-border-hover));
+}
+.IncodeButton.IncodeButtonSecondary:focus {
+  border-style: var(--tw-border-style);
+  border-width: var(--border-width-bold, var(--primitive-border-width-2));
+}
 .IncodeButton.IncodeButtonSecondary:not(.IncodeButtonLoading):disabled {
-  background-color: var(--color-button-secondary-surface-disabled, var(--button-secondary-surface-disabled));
   color: var(--color-button-secondary-text-disabled, var(--button-secondary-text-disabled));
   cursor: not-allowed;
   border-color: var(--color-button-secondary-border-disabled, var(--button-secondary-border-disabled));
@@ -446,7 +456,7 @@
 }
 .IncodeCheckboxVisualChecked {
   background-color: var(--color-checkbox-surface-selected, var(--checkbox-surface-selected));
-  border-color: var(--color-checkbox-border-selected, var(--checkbox-border-selected));
+  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
 }
 .IncodeCheckboxVisualDisabled, .IncodeCheckboxVisualChecked.IncodeCheckboxVisualDisabled {
   background-color: var(--color-checkbox-surface-disabled, var(--checkbox-surface-disabled));
@@ -518,7 +528,7 @@
   letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   color: var(--color-input-text-field-default, var(--input-text-field-default));
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-input-border-default, var(--input-border-default));
@@ -528,7 +538,6 @@
   transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
   --tw-duration: .2s;
   --tw-outline-style: none;
-  font-family: var(--input-text-field-font-family);
   outline-style: none;
   transition-duration: .2s;
 }
@@ -545,12 +554,12 @@
 .IncodeInput:focus {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-input-border-focus, var(--input-border-focus));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 .IncodeInput:active:not(:disabled) {
-  border-color: var(--color-input-border-active, var(--input-border-active));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 .IncodeInput[aria-invalid="true"] {
   border-style: var(--tw-border-style);
@@ -597,7 +606,7 @@
   letter-spacing: var(--typography-input-dropdown-m-letter-spacing);
   background-color: var(--color-input-surface-default, var(--input-surface-default));
   color: var(--color-input-text-field-default, var(--input-text-field-default));
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-input-border-default, var(--input-border-default));
@@ -625,12 +634,12 @@
 .IncodeTextArea:focus {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-input-border-focus, var(--input-border-focus));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 .IncodeTextArea:active:not(:disabled) {
-  border-color: var(--color-input-border-active, var(--input-border-active));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 .IncodeTextArea[aria-invalid="true"] {
   border-color: var(--color-input-border-negative, var(--input-border-negative));
@@ -645,14 +654,15 @@
   max-width: 420px;
 }
 .IncodeInputComposedLabel {
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-input-text-label-default, var(--input-text-label-default));
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-family: var(--input-text-label-font-family);
   display: inline-block;
 }
 .IncodeInputComposedWrapper {
@@ -773,11 +783,12 @@
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
-  font-family: var(--dropdown-text-label-font-family);
   display: inline-block;
 }
 .IncodeDropdownComposedRequired {
@@ -798,7 +809,7 @@
 }
 .IncodeDropdownComposedTrigger {
   cursor: pointer;
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -821,7 +832,6 @@
   height: 56px;
   min-height: 56px;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   outline-style: none;
   justify-content: space-between;
   align-items: center;
@@ -829,13 +839,13 @@
   display: flex;
 }
 .IncodeDropdownComposedTrigger:hover:not(:disabled) {
-  border-color: var(--color-dropdown-border-active, var(--dropdown-border-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
 }
 .IncodeDropdownComposedTrigger[data-focused="true"] {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-dropdown-border-focus, var(--dropdown-border-focus));
-  background-color: var(--color-dropdown-surface-active, var(--dropdown-surface-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
+  background-color: var(--color-dropdown-surface-focused, var(--dropdown-surface-focused));
 }
 .IncodeDropdownComposedTrigger[data-error="true"] {
   border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
@@ -878,7 +888,7 @@
   left: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 20;
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -921,7 +931,6 @@
   font-weight: var(--font-weight-normal, 400);
   --tw-outline-style: none;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   background-color: #0000;
   border-style: none;
   outline-style: none;
@@ -2573,8 +2582,8 @@
 .IncodeSpinner.IncodeSpinnerFullScreen {
   inset: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 50;
-  background-color: var(--spinner-surface-overlay);
-  opacity: var(--spinner-surface-overlay-opacity, 1);
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  opacity: 1;
   position: fixed;
 }
 .IncodeSpinnerContent {
@@ -2590,12 +2599,20 @@
   display: flex;
 }
 .IncodeSpinnerTitle {
-  color: var(--spinner-text-title);
+  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-spinner-text-title, var(--spinner-text-title));
 }
 .IncodeSpinnerSubtitle {
-  font-size: var(--text-base, 1rem);
-  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
-  color: var(--spinner-text-subtitle);
+  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-spinner-text-subtitle, var(--spinner-text-subtitle));
 }
 .IncodeManualCapture {
   flex-direction: column;

package/dist/curp-validation/styles.css

@@ -2,8 +2,8 @@
 @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-font-weight: initial;
       --tw-border-style: solid;
+      --tw-font-weight: initial;
       --tw-duration: initial;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
@@ -24,11 +24,12 @@
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-input-text-label-default, var(--input-text-label-default));
-  font-family: var(--input-text-label-font-family);
   display: inline-block;
 }
 
@@ -41,7 +42,7 @@
 }
 
 .IncodeDateInputComposedInput {
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-input-border-default, var(--input-border-default));
@@ -63,10 +64,9 @@
   --tw-outline-style: none;
   appearance: none;
   -moz-appearance: textfield;
+  outline-style: none;
   height: 56px;
   min-height: 56px;
-  font-family: var(--input-text-field-font-family);
-  outline-style: none;
   padding-right: 44px;
   transition-duration: .2s;
   display: block;
@@ -109,8 +109,8 @@
 .IncodeDateInputComposedInput:focus {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-input-border-focus, var(--input-border-focus));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 
 .IncodeDateInputComposedInput[aria-invalid="true"] {
@@ -203,11 +203,12 @@
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
-  font-family: var(--dropdown-text-label-font-family);
   display: inline-block;
 }
 
@@ -234,7 +235,7 @@
 
 .IncodeDropdownComposedTrigger {
   cursor: pointer;
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -257,7 +258,6 @@
   height: 56px;
   min-height: 56px;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   outline-style: none;
   justify-content: space-between;
   align-items: center;
@@ -266,14 +266,14 @@
 }
 
 .IncodeDropdownComposedTrigger:hover:not(:disabled) {
-  border-color: var(--color-dropdown-border-active, var(--dropdown-border-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
 }
 
 .IncodeDropdownComposedTrigger[data-focused="true"] {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-dropdown-border-focus, var(--dropdown-border-focus));
-  background-color: var(--color-dropdown-surface-active, var(--dropdown-surface-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
+  background-color: var(--color-dropdown-surface-focused, var(--dropdown-surface-focused));
 }
 
 .IncodeDropdownComposedTrigger[data-error="true"] {
@@ -324,7 +324,7 @@
   left: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 20;
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -371,7 +371,6 @@
   font-weight: var(--font-weight-normal, 400);
   --tw-outline-style: none;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   background-color: #0000;
   border-style: none;
   outline-style: none;
@@ -578,17 +577,17 @@
   color: var(--color-text-body-secondary, var(--text-body-500-secondary));
 }
 
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
-
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
 
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-duration {
   syntax: "*";
   inherits: false

package/dist/ekyc/styles.css

@@ -157,8 +157,8 @@
 }
 
 .IncodeEkycRadioOption input[type="radio"]:checked {
-  border-color: var(--color-radio-button-border-selected, var(--radio-button-border-selected));
   background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
+  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
 }
 
 .IncodeEkycRadioOption input[type="radio"]:checked:after {
@@ -313,7 +313,7 @@
 }
 
 .IncodeAddressAutocompleteModalInput:focus {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeAddressAutocompleteModalSuggestions {

package/dist/{ekycModule-BN_zKKux.js → ekycModule-CzPxqzT6.js}

@@ -1,6 +1,6 @@
-import { u as r, I as Y, b as q, a as G, B as L } from "./button-Ca1tRSTI.js";
+import { u as r, I as Y, b as $, a as G, B as L } from "./button-Ca1tRSTI.js";
 import { computeEkycDisplayErrors as j, createEkycManager as z } from "@incodetech/core/ekyc";
-import { y as $, A as F, d as J, q as E, T as Q } from "./vendor-preact-BXf0bkEs.js";
+import { y as q, A as F, d as J, q as E, T as Q } from "./vendor-preact-BXf0bkEs.js";
 import "./uiConfig-Z6RT23Sl.js";
 import "@incodetech/core";
 import { u as U, A as W } from "./addressAutocomplete-DetZGxBZ.js";
@@ -12,8 +12,8 @@ import { S as re } from "./spinner-Cx3FPUCD.js";
 import { r as oe } from "./incodeModule-aE-LkKwM.js";
 import { P as te } from "./phoneInputComposed-CwtJKvGh.js";
 const ae = ({ config: p, onFinish: s }) => {
-  const { t: l } = q(), [a, d] = G(() => z({ config: p }));
-  return $(() => {
+  const { t: l } = $(), [a, d] = G(() => z({ config: p }));
+  return q(() => {
     (a.status === "finished" || a.status === "closed") && s?.();
   }, [a.status, s]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ r(
     v,
@@ -62,7 +62,7 @@ const ae = ({ config: p, onFinish: s }) => {
     fieldsCountry: C,
     submitError: S,
     submitAttempted: P
-  } = p, { t: n } = q(), N = F(null), A = F(null), R = F(void 0), x = U(N, l.length), [D, _] = J({}), h = E((e) => {
+  } = p, { t: n } = $(), N = F(null), A = F(null), R = F(void 0), x = U(N, l.length), [D, _] = J({}), h = E((e) => {
     _((o) => o[e] ? o : { ...o, [e]: !0 });
   }, []), { displayErrors: g, errorParams: I } = Q(
     () => j(
@@ -88,7 +88,7 @@ const ae = ({ config: p, onFinish: s }) => {
     },
     [s, h]
   );
-  $(() => {
+  q(() => {
     const e = g.postalCode, o = R.current;
     if (R.current = e, !e || o === e)
       return;
@@ -195,7 +195,7 @@ const ae = ({ config: p, onFinish: s }) => {
               error: k(e.name, u),
               disabled: i,
               disableCountrySelector: e.disableCountrySelector,
-              required: e.required,
+              required: !1,
               onChange: (m) => b(e.name, m),
               onBlur: () => y(e.name),
               "data-testid": `ekyc-field-${e.name}`

package/dist/email/styles.css

@@ -39,7 +39,7 @@
 }
 
 .IncodeEmailPage .IncodeEmailInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperError {

package/dist/flow/flow.es.js

@@ -2000,7 +2000,7 @@ const Pe = () => import("../id/id.es.js").then((e) => e.Id), ke = {
     (e) => e.GovernmentValidation
   ),
   GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
-  EXTERNAL_VERIFICATION: () => import("../ekycModule-BN_zKKux.js").then((e) => e.EkycModule),
+  EXTERNAL_VERIFICATION: () => import("../ekycModule-CzPxqzT6.js").then((e) => e.EkycModule),
   EKYB: () => import("../ekybModule-9m8cnkfH.js").then((e) => e.EkybModule),
   DOCUMENT_CAPTURE: () => import("../documentCapture-PdKA2frR.js").then(
     (e) => e.DocumentCapture

package/dist/flow/styles.css

@@ -422,7 +422,7 @@
 }
 
 .IncodePhonePage .IncodePhoneInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
@@ -451,7 +451,7 @@
 }
 
 .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {
@@ -687,7 +687,7 @@
 }
 
 .IncodeEmailPage .IncodeEmailInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeEmailPage .IncodeEmailInputWrapper.IncodeEmailInputWrapperError {
@@ -4730,11 +4730,12 @@
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-input-text-label-default, var(--input-text-label-default));
-  font-family: var(--input-text-label-font-family);
   display: inline-block;
 }
 
@@ -4747,7 +4748,7 @@
 }
 
 .IncodeDateInputComposedInput {
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-input-border-default, var(--input-border-default));
@@ -4769,10 +4770,9 @@
   --tw-outline-style: none;
   appearance: none;
   -moz-appearance: textfield;
+  outline-style: none;
   height: 56px;
   min-height: 56px;
-  font-family: var(--input-text-field-font-family);
-  outline-style: none;
   padding-right: 44px;
   transition-duration: .2s;
   display: block;
@@ -4815,8 +4815,8 @@
 .IncodeDateInputComposedInput:focus {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-input-border-focus, var(--input-border-focus));
-  background-color: var(--color-input-surface-active, var(--input-surface-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
+  background-color: var(--color-input-surface-focused, var(--input-surface-focused));
 }
 
 .IncodeDateInputComposedInput[aria-invalid="true"] {
@@ -4909,11 +4909,12 @@
   margin: var(--spacing-0, var(--spacing-none, 0px));
   margin-bottom: var(--spacing-8, var(--spacing-8, 8px));
   padding: var(--spacing-0, var(--spacing-none, 0px));
-  font-size: var(--text-14, var(--primitive-typography-size-14));
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
+  font-family: var(--typography-label-family);
+  font-size: var(--typography-label-m-size);
+  font-weight: var(--typography-label-m-weight);
+  line-height: var(--typography-label-m-line-height);
+  letter-spacing: var(--typography-label-m-letter-spacing);
   color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
-  font-family: var(--dropdown-text-label-font-family);
   display: inline-block;
 }
 
@@ -4940,7 +4941,7 @@
 
 .IncodeDropdownComposedTrigger {
   cursor: pointer;
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -4963,7 +4964,6 @@
   height: 56px;
   min-height: 56px;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   outline-style: none;
   justify-content: space-between;
   align-items: center;
@@ -4972,14 +4972,14 @@
 }
 
 .IncodeDropdownComposedTrigger:hover:not(:disabled) {
-  border-color: var(--color-dropdown-border-active, var(--dropdown-border-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
 }
 
 .IncodeDropdownComposedTrigger[data-focused="true"] {
   border-style: var(--tw-border-style);
   border-width: 2px;
-  border-color: var(--color-dropdown-border-focus, var(--dropdown-border-focus));
-  background-color: var(--color-dropdown-surface-active, var(--dropdown-surface-active));
+  border-color: var(--color-dropdown-border-focused, var(--dropdown-border-focused));
+  background-color: var(--color-dropdown-surface-focused, var(--dropdown-surface-focused));
 }
 
 .IncodeDropdownComposedTrigger[data-error="true"] {
@@ -5030,7 +5030,7 @@
   left: var(--spacing-0, var(--spacing-none, 0px));
   z-index: 20;
   margin-top: var(--spacing-8, var(--spacing-8, 8px));
-  border-radius: var(--radius-input, var(--input-border-radius));
+  border-radius: var(--radius-small, var(--border-radius-small));
   border-style: var(--tw-border-style);
   border-width: 1px;
   border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
@@ -5077,7 +5077,6 @@
   font-weight: var(--font-weight-normal, 400);
   --tw-outline-style: none;
   color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
-  font-family: var(--dropdown-text-input-font-family);
   background-color: #0000;
   border-style: none;
   outline-style: none;
@@ -5543,8 +5542,8 @@
 }
 
 .IncodeEkycRadioOption input[type="radio"]:checked {
-  border-color: var(--color-radio-button-border-selected, var(--radio-button-border-selected));
   background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
+  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
 }
 
 .IncodeEkycRadioOption input[type="radio"]:checked:after {
@@ -5699,7 +5698,7 @@
 }
 
 .IncodeAddressAutocompleteModalInput:focus {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeAddressAutocompleteModalSuggestions {
@@ -5943,7 +5942,7 @@
   line-height: var(--typography-tooltip-m-line-height);
   letter-spacing: var(--typography-tooltip-m-letter-spacing);
   white-space: nowrap;
-  color: var(--color-snackbar-text-default, var(--snackbar-text-default));
+  color: var(--color-snackbar-text-neutral, var(--snackbar-text-neutral));
 }
 
 @keyframes fadeInOut {
@@ -6120,7 +6119,7 @@
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
@@ -6150,7 +6149,7 @@
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {

package/dist/phone/styles.css

@@ -48,7 +48,7 @@
 }
 
 .IncodePhonePage .IncodePhoneInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodePhonePage .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
@@ -77,7 +77,7 @@
 }
 
 .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodePhonePage .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {

package/dist/redirect-to-mobile/styles.css

@@ -89,7 +89,7 @@
   line-height: var(--typography-tooltip-m-line-height);
   letter-spacing: var(--typography-tooltip-m-letter-spacing);
   white-space: nowrap;
-  color: var(--color-snackbar-text-default, var(--snackbar-text-default));
+  color: var(--color-snackbar-text-neutral, var(--snackbar-text-neutral));
 }
 
 @keyframes fadeInOut {
@@ -266,7 +266,7 @@
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper:focus-within {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneInputWrapper.IncodePhoneInputWrapperError {
@@ -296,7 +296,7 @@
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorOpen {
-  border-color: var(--color-input-border-active, var(--input-border-active));
+  border-color: var(--color-input-border-focused, var(--input-border-focused));
 }
 
 .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodePhoneCountrySelector.IncodePhoneCountrySelectorDisabled {

package/dist/themes/dark.css

@@ -800,11 +800,6 @@
   --button-primary-border-radius: var(--border-radius-medium);
 
   /* Button / Secondary */
-  --button-secondary-surface-default: var(--surface-neutral-0);
-  --button-secondary-surface-hover: var(--surface-brand-50);
-  --button-secondary-surface-pressed: var(--surface-brand-600-static);
-  --button-secondary-surface-disabled: var(--surface-neutral-200);
-
   --button-secondary-text-default: var(--text-accent-brand);
   --button-secondary-text-disabled: var(--text-body-500-secondary);
 
@@ -821,30 +816,32 @@
   /* Checkbox */
   --checkbox-surface-default: var(--surface-neutral-50);
   --checkbox-surface-selected: var(--surface-brand-500-static);
-  --checkbox-surface-disabled: var(--primitive-color-gray-400);
+  --checkbox-surface-disabled: var(--surface-neutral-400);
 
-  --checkbox-border-default: var(--primitive-color-gray-400);
-  --checkbox-border-selected: var(--border-brand-500); /* legacy */
-  --checkbox-border-disabled: var(--primitive-color-gray-400);
+  --checkbox-border-default: var(--border-neutral-400);
+  --checkbox-border-disabled: var(--border-neutral-400);
   --checkbox-border-negative: var(--border-status-negative);
   --checkbox-border-radius: var(--border-radius-small);
 
-  --checkbox-icon-default: var(--surface-neutral-0);
+  --checkbox-icon-default: var(--surface-neutral-0-static);
 
   --checkbox-text-default: var(--text-body-800-primary);
   --checkbox-text-disabled: var(--text-body-500-secondary);
   --checkbox-text-negative: var(--text-status-negative);
 
   /* Radio Button */
-  --radio-button-surface-default: var(--checkbox-surface-default);
-  --radio-button-surface-selected: var(--checkbox-surface-selected);
+  --radio-button-surface-default: var(--surface-neutral-50);
+  --radio-button-surface-selected: var(--surface-brand-500-static);
+  --radio-button-surface-disabled: var(--surface-neutral-400);
 
-  --radio-button-border-default: var(--checkbox-border-default);
-  --radio-button-border-selected: var(--radio-button-surface-selected);
+  --radio-button-border-radius: var(--border-radius-full);
+  --radio-button-border-default: var(--border-neutral-400);
+  --radio-button-border-disabled: var(--border-neutral-400);
 
-  --radio-button-icon-default: var(--checkbox-icon-default);
+  --radio-button-icon-default: var(--surface-neutral-0-static);
 
-  --radio-button-text-default: var(--checkbox-text-default);
+  --radio-button-text-default: var(--text-body-800-primary);
+  --radio-button-text-disabled: var(--text-body-500-secondary);
 
   /* Card */
   --card-surface-primary: var(--surface-neutral-800);
@@ -859,66 +856,53 @@
 
   /* Input */
   --input-surface-default: var(--surface-neutral-50);
-  --input-surface-active: var(--surface-neutral-50);
+  --input-surface-focused: var(--surface-neutral-50);
   --input-surface-disabled: var(--surface-neutral-100);
   --input-surface-negative: var(--surface-neutral-50);
 
   --input-border-default: var(--border-neutral-400);
-  --input-border-active: var(--border-brand-500); /* legacy */
   --input-border-disabled: var(--border-neutral-100);
   --input-border-negative: var(--border-status-negative);
-  --input-border-focus: var(--border-status-focus);
-  --input-border-radius: var(--border-radius-small);
+  --input-border-focused: var(--border-status-focus);
 
-  --input-icon-default: var(--surface-neutral-300);
-  --input-icon-positive: var(--surface-status-positive-500);
-  --input-icon-negative: var(--border-status-negative);
-  --input-icon-warning: var(--surface-status-warning-500);
+  --input-icon-neutral: var(--icon-neutral-300);
+  --input-icon-positive: var(--icon-status-positive);
+  --input-icon-negative: var(--icon-status-negative);
+  --input-icon-warning: var(--icon-status-warning);
 
   --input-text-label-default: var(--text-body-800-primary);
-  --input-text-label-disabled: var(--text-body-300-tertiary); /* legacy */
-  --input-text-label-font-family:
-    var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
 
   --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-font-family:
-    var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
 
   --input-text-helper-default: var(--text-body-800-primary);
-  --input-text-helper-disabled: var(--text-body-300-tertiary); /* legacy */
   --input-text-helper-negative: var(--text-status-negative);
 
   /* Dropdown */
 
   --dropdown-surface-default: var(--surface-neutral-50);
-  --dropdown-surface-active: var(--surface-neutral-50);
+  --dropdown-surface-focused: var(--surface-neutral-50);
   --dropdown-surface-disabled: var(--surface-neutral-100);
   --dropdown-surface-negative: var(--surface-neutral-50);
 
   --dropdown-border-default: var(--border-neutral-400);
-  --dropdown-border-active: var(--border-brand-500); /* legacy */
   --dropdown-border-disabled: var(--border-neutral-100);
   --dropdown-border-negative: var(--border-status-negative);
-  --dropdown-border-focus: var(--border-status-focus);
+  --dropdown-border-focused: var(--border-status-focus);
 
-  --dropdown-icon-default: var(--surface-neutral-300);
-  --dropdown-icon-positive: var(--surface-status-positive-500);
-  --dropdown-icon-negative: var(--border-status-negative);
-  --dropdown-icon-warning: var(--surface-status-warning-500);
+  --dropdown-icon-neutral: var(--icon-neutral-300);
+  --dropdown-icon-positive: var(--icon-status-positive);
+  --dropdown-icon-negative: var(--icon-status-negative);
+  --dropdown-icon-warning: var(--icon-status-warning);
 
   --dropdown-text-label-default: var(--text-body-800-primary);
-  --dropdown-text-label-disabled: var(--text-body-300-tertiary); /* legacy */
-  --dropdown-text-label-font-family: var(--input-text-label-font-family);
 
   --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-font-family: var(--input-text-field-font-family);
 
   --dropdown-text-helper-default: var(--text-body-800-primary);
-  --dropdown-text-helper-disabled: var(--text-body-300-tertiary); /* legacy */
   --dropdown-text-helper-negative: var(--text-status-negative);
 
   /* Link */
@@ -932,8 +916,6 @@
 
   --spinner-surface-primary: var(--surface-brand-500-static);
   --spinner-surface-secondary: var(--surface-brand-50);
-  --spinner-surface-overlay: var(--surface-neutral-0);
-  --spinner-surface-overlay-opacity: 1;
 
   --spinner-text-title: var(--text-body-800-primary);
   --spinner-text-subtitle: var(--text-body-500-secondary);
@@ -950,31 +932,45 @@
   --snackbar-border-warning: var(--border-status-warning);
   --snackbar-border-negative: var(--border-status-negative);
 
-  --snackbar-icon-brand: var(--icon-brand-500-static);
+  --snackbar-icon-neutral: var(--icon-brand-500-static);
   --snackbar-icon-positive: var(--icon-status-positive);
   --snackbar-icon-negative: var(--icon-status-negative);
   --snackbar-icon-warning: var(--icon-status-warning);
 
-  --snackbar-text-default: var(--text-body-800-primary); /* legacy */
   --snackbar-text-link: var(--link-default);
   --snackbar-text-positive: var(--text-status-positive);
   --snackbar-text-warning: var(--text-status-warning);
   --snackbar-text-negative: var(--text-status-negative);
+  --snackbar-text-neutral: var(--text-body-800-primary);
 
   /* Toggle-switch */
 
   --toggle-switch-surface-primary-on: var(--surface-brand-500-static);
-  --toggle-switch-surface-primary-off: var(--surface-neutral-200);
+  --toggle-switch-surface-primary-off: var(--surface-neutral-400);
   --toggle-switch-surface-primary-disabled: var(--surface-neutral-200);
 
-  --toggle-switch-surface-secondary-on: var(--surface-neutral-100);
-  --toggle-switch-surface-secondary-off: var(--surface-neutral-100);
-  --toggle-switch-surface-secondary-disabled: var(--surface-neutral-200);
+  --toggle-switch-surface-secondary-on: var(--surface-neutral-0-static);
+  --toggle-switch-surface-secondary-off: var(--surface-neutral-0-static);
+  --toggle-switch-surface-secondary-disabled: var(--surface-neutral-300);
 
   --toggle-switch-text-default: var(--text-body-800-primary);
   --toggle-switch-text-disabled: var(--text-body-500-secondary);
   --toggle-switch-text-negative: var(--text-status-negative);
   --toggle-switch-text-link: var(--text-link-default);
+
+  /* Tooltip */
+  --tooltip-text-neutral: var(--text-body-0-static);
+  --tooltip-surface-neutral: var(--surface-neutral-900-static);
+
+  /* Sheet */
+  --sheet-icon-neutral: var(--icon-neutral-800);
+
+  --sheet-item-default: var(--surface-neutral-0);
+
+  --sheet-action-default: var(--text-body-800-primary);
+  --sheet-action-disabled: var(--text-body-500-secondary);
+
+  --sheet-surface-default: var(--surface-neutral-0);
 }
 [data-incode-theme='dark'] {
   /* Surface / Neutral */

package/dist/themes/light.css

@@ -800,11 +800,6 @@
   --button-primary-border-radius: var(--border-radius-medium);
 
   /* Button / Secondary */
-  --button-secondary-surface-default: var(--surface-neutral-0);
-  --button-secondary-surface-hover: var(--surface-brand-50);
-  --button-secondary-surface-pressed: var(--surface-brand-600-static);
-  --button-secondary-surface-disabled: var(--surface-neutral-200);
-
   --button-secondary-text-default: var(--text-accent-brand);
   --button-secondary-text-disabled: var(--text-body-500-secondary);
 
@@ -821,30 +816,32 @@
   /* Checkbox */
   --checkbox-surface-default: var(--surface-neutral-50);
   --checkbox-surface-selected: var(--surface-brand-500-static);
-  --checkbox-surface-disabled: var(--primitive-color-gray-400);
+  --checkbox-surface-disabled: var(--surface-neutral-400);
 
-  --checkbox-border-default: var(--primitive-color-gray-400);
-  --checkbox-border-selected: var(--border-brand-500); /* legacy */
-  --checkbox-border-disabled: var(--primitive-color-gray-400);
+  --checkbox-border-default: var(--border-neutral-400);
+  --checkbox-border-disabled: var(--border-neutral-400);
   --checkbox-border-negative: var(--border-status-negative);
   --checkbox-border-radius: var(--border-radius-small);
 
-  --checkbox-icon-default: var(--surface-neutral-0);
+  --checkbox-icon-default: var(--surface-neutral-0-static);
 
   --checkbox-text-default: var(--text-body-800-primary);
   --checkbox-text-disabled: var(--text-body-500-secondary);
   --checkbox-text-negative: var(--text-status-negative);
 
   /* Radio Button */
-  --radio-button-surface-default: var(--checkbox-surface-default);
-  --radio-button-surface-selected: var(--checkbox-surface-selected);
+  --radio-button-surface-default: var(--surface-neutral-50);
+  --radio-button-surface-selected: var(--surface-brand-500-static);
+  --radio-button-surface-disabled: var(--surface-neutral-400);
 
-  --radio-button-border-default: var(--checkbox-border-default);
-  --radio-button-border-selected: var(--radio-button-surface-selected);
+  --radio-button-border-radius: var(--border-radius-full);
+  --radio-button-border-default: var(--border-neutral-400);
+  --radio-button-border-disabled: var(--border-neutral-400);
 
-  --radio-button-icon-default: var(--checkbox-icon-default);
+  --radio-button-icon-default: var(--surface-neutral-0-static);
 
-  --radio-button-text-default: var(--checkbox-text-default);
+  --radio-button-text-default: var(--text-body-800-primary);
+  --radio-button-text-disabled: var(--text-body-500-secondary);
 
   /* Card */
   --card-surface-primary: var(--surface-neutral-800);
@@ -859,66 +856,53 @@
 
   /* Input */
   --input-surface-default: var(--surface-neutral-50);
-  --input-surface-active: var(--surface-neutral-50);
+  --input-surface-focused: var(--surface-neutral-50);
   --input-surface-disabled: var(--surface-neutral-100);
   --input-surface-negative: var(--surface-neutral-50);
 
   --input-border-default: var(--border-neutral-400);
-  --input-border-active: var(--border-brand-500); /* legacy */
   --input-border-disabled: var(--border-neutral-100);
   --input-border-negative: var(--border-status-negative);
-  --input-border-focus: var(--border-status-focus);
-  --input-border-radius: var(--border-radius-small);
+  --input-border-focused: var(--border-status-focus);
 
-  --input-icon-default: var(--surface-neutral-300);
-  --input-icon-positive: var(--surface-status-positive-500);
-  --input-icon-negative: var(--border-status-negative);
-  --input-icon-warning: var(--surface-status-warning-500);
+  --input-icon-neutral: var(--icon-neutral-300);
+  --input-icon-positive: var(--icon-status-positive);
+  --input-icon-negative: var(--icon-status-negative);
+  --input-icon-warning: var(--icon-status-warning);
 
   --input-text-label-default: var(--text-body-800-primary);
-  --input-text-label-disabled: var(--text-body-300-tertiary); /* legacy */
-  --input-text-label-font-family:
-    var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
 
   --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-font-family:
-    var(--primitive-typography-family-dm-sans), system-ui, sans-serif;
 
   --input-text-helper-default: var(--text-body-800-primary);
-  --input-text-helper-disabled: var(--text-body-300-tertiary); /* legacy */
   --input-text-helper-negative: var(--text-status-negative);
 
   /* Dropdown */
 
   --dropdown-surface-default: var(--surface-neutral-50);
-  --dropdown-surface-active: var(--surface-neutral-50);
+  --dropdown-surface-focused: var(--surface-neutral-50);
   --dropdown-surface-disabled: var(--surface-neutral-100);
   --dropdown-surface-negative: var(--surface-neutral-50);
 
   --dropdown-border-default: var(--border-neutral-400);
-  --dropdown-border-active: var(--border-brand-500); /* legacy */
   --dropdown-border-disabled: var(--border-neutral-100);
   --dropdown-border-negative: var(--border-status-negative);
-  --dropdown-border-focus: var(--border-status-focus);
+  --dropdown-border-focused: var(--border-status-focus);
 
-  --dropdown-icon-default: var(--surface-neutral-300);
-  --dropdown-icon-positive: var(--surface-status-positive-500);
-  --dropdown-icon-negative: var(--border-status-negative);
-  --dropdown-icon-warning: var(--surface-status-warning-500);
+  --dropdown-icon-neutral: var(--icon-neutral-300);
+  --dropdown-icon-positive: var(--icon-status-positive);
+  --dropdown-icon-negative: var(--icon-status-negative);
+  --dropdown-icon-warning: var(--icon-status-warning);
 
   --dropdown-text-label-default: var(--text-body-800-primary);
-  --dropdown-text-label-disabled: var(--text-body-300-tertiary); /* legacy */
-  --dropdown-text-label-font-family: var(--input-text-label-font-family);
 
   --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-font-family: var(--input-text-field-font-family);
 
   --dropdown-text-helper-default: var(--text-body-800-primary);
-  --dropdown-text-helper-disabled: var(--text-body-300-tertiary); /* legacy */
   --dropdown-text-helper-negative: var(--text-status-negative);
 
   /* Link */
@@ -932,8 +916,6 @@
 
   --spinner-surface-primary: var(--surface-brand-500-static);
   --spinner-surface-secondary: var(--surface-brand-50);
-  --spinner-surface-overlay: var(--surface-neutral-0);
-  --spinner-surface-overlay-opacity: 1;
 
   --spinner-text-title: var(--text-body-800-primary);
   --spinner-text-subtitle: var(--text-body-500-secondary);
@@ -950,29 +932,43 @@
   --snackbar-border-warning: var(--border-status-warning);
   --snackbar-border-negative: var(--border-status-negative);
 
-  --snackbar-icon-brand: var(--icon-brand-500-static);
+  --snackbar-icon-neutral: var(--icon-brand-500-static);
   --snackbar-icon-positive: var(--icon-status-positive);
   --snackbar-icon-negative: var(--icon-status-negative);
   --snackbar-icon-warning: var(--icon-status-warning);
 
-  --snackbar-text-default: var(--text-body-800-primary); /* legacy */
   --snackbar-text-link: var(--link-default);
   --snackbar-text-positive: var(--text-status-positive);
   --snackbar-text-warning: var(--text-status-warning);
   --snackbar-text-negative: var(--text-status-negative);
+  --snackbar-text-neutral: var(--text-body-800-primary);
 
   /* Toggle-switch */
 
   --toggle-switch-surface-primary-on: var(--surface-brand-500-static);
-  --toggle-switch-surface-primary-off: var(--surface-neutral-200);
+  --toggle-switch-surface-primary-off: var(--surface-neutral-400);
   --toggle-switch-surface-primary-disabled: var(--surface-neutral-200);
 
-  --toggle-switch-surface-secondary-on: var(--surface-neutral-100);
-  --toggle-switch-surface-secondary-off: var(--surface-neutral-100);
-  --toggle-switch-surface-secondary-disabled: var(--surface-neutral-200);
+  --toggle-switch-surface-secondary-on: var(--surface-neutral-0-static);
+  --toggle-switch-surface-secondary-off: var(--surface-neutral-0-static);
+  --toggle-switch-surface-secondary-disabled: var(--surface-neutral-300);
 
   --toggle-switch-text-default: var(--text-body-800-primary);
   --toggle-switch-text-disabled: var(--text-body-500-secondary);
   --toggle-switch-text-negative: var(--text-status-negative);
   --toggle-switch-text-link: var(--text-link-default);
+
+  /* Tooltip */
+  --tooltip-text-neutral: var(--text-body-0-static);
+  --tooltip-surface-neutral: var(--surface-neutral-900-static);
+
+  /* Sheet */
+  --sheet-icon-neutral: var(--icon-neutral-800);
+
+  --sheet-item-default: var(--surface-neutral-0);
+
+  --sheet-action-default: var(--text-body-800-primary);
+  --sheet-action-disabled: var(--text-body-500-secondary);
+
+  --sheet-surface-default: var(--surface-neutral-0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260318-67691a6",
+  "version": "0.0.0-dev-20260318-deddf15",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -119,7 +119,7 @@
     "preact-custom-element": "^4.6.0",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260318-67691a6"
+    "@incodetech/core": "0.0.0-dev-20260318-deddf15"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",