@incodetech/web 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/themes/light.css

@@ -84,6 +84,13 @@
   --primitive-typography-letter-spacing-minus-1: -1px;
   --primitive-typography-letter-spacing-minus-1-5: -1.5px;
 
+  /* Typography / Line Height */
+
+  --primitive-typography-line-height-110: 1.1;
+  --primitive-typography-line-height-114: 1.14;
+  --primitive-typography-line-height-115: 1.15;
+  --primitive-typography-line-height-120: 1.2;
+
   /* Border / Width */
 
   --primitive-border-width-0: 0px;
@@ -112,6 +119,7 @@
   --primitive-scale-16: 16px;
   --primitive-scale-20: 20px;
   --primitive-scale-24: 24px;
+  --primitive-scale-28: 28px;
   --primitive-scale-32: 32px;
   --primitive-scale-40: 40px;
   --primitive-scale-48: 48px;
@@ -156,6 +164,7 @@
   --spacing-16: var(--primitive-scale-16);
   --spacing-20: var(--primitive-scale-20);
   --spacing-24: var(--primitive-scale-24);
+  --spacing-28: var(--primitive-scale-28);
   --spacing-32: var(--primitive-scale-32);
   --spacing-40: var(--primitive-scale-40);
   --spacing-48: var(--primitive-scale-48);
@@ -177,6 +186,128 @@
   --icon-size-x-large: var(--primitive-scale-48);
   --icon-size-xx-large: var(--primitive-scale-64);
   --icon-size-xxx-large: var(--primitive-scale-80);
+
+  /* Typography */
+
+  --typography-display-d1-size: var(--primitive-typography-size-80);
+  --typography-display-d1-weight: var(--primitive-typography-weight-extrabold);
+  --typography-display-d1-line-height: var(
+    --primitive-typography-line-height-110
+  );
+  --typography-display-d1-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-1-5
+  );
+
+  --typography-display-d2-size: var(--primitive-typography-size-48);
+  --typography-display-d2-weight: var(--primitive-typography-weight-extrabold);
+  --typography-display-d2-line-height: var(
+    --primitive-typography-line-height-110
+  );
+  --typography-display-d2-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-1-5
+  );
+
+  --typography-headline-h1-size: var(--primitive-typography-size-32);
+  --typography-headline-h1-weight: var(--primitive-typography-weight-bold);
+  --typography-headline-h1-line-height: var(
+    --primitive-typography-line-height-115
+  );
+  --typography-headline-h1-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-1
+  );
+
+  --typography-headline-h2-size: var(--primitive-typography-size-24);
+  --typography-headline-h2-weight: var(--primitive-typography-weight-bold);
+  --typography-headline-h2-line-height: var(
+    --primitive-typography-line-height-115
+  );
+  --typography-headline-h2-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-1
+  );
+
+  --typography-headline-h3-size: var(--primitive-typography-size-20);
+  --typography-headline-h3-weight: var(--primitive-typography-weight-semibold);
+  --typography-headline-h3-line-height: var(
+    --primitive-typography-line-height-115
+  );
+  --typography-headline-h3-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-0-5
+  );
+
+  --typography-headline-h4-size: var(--primitive-typography-size-18);
+  --typography-headline-h4-weight: var(--primitive-typography-weight-medium);
+  --typography-headline-h4-line-height: var(
+    --primitive-typography-line-height-115
+  );
+  --typography-headline-h4-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-0-5
+  );
+
+  --typography-headline-h5-size: var(--primitive-typography-size-16);
+  --typography-headline-h5-weight: var(--primitive-typography-weight-medium);
+  --typography-headline-h5-line-height: var(
+    --primitive-typography-line-height-115
+  );
+  --typography-headline-h5-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-0-5
+  );
+
+  --typography-body-sm-size: var(--primitive-typography-size-12);
+  --typography-body-sm-weight: var(--primitive-typography-weight-regular);
+  --typography-body-sm-line-height: var(--primitive-typography-line-height-120);
+  --typography-body-sm-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-body-regular-size: var(--primitive-typography-size-14);
+  --typography-body-regular-weight: var(--primitive-typography-weight-regular);
+  --typography-body-regular-line-height: var(
+    --primitive-typography-line-height-120
+  );
+  --typography-body-regular-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-body-lg-size: var(--primitive-typography-size-16);
+  --typography-body-lg-weight: var(--primitive-typography-weight-regular);
+  --typography-body-lg-line-height: var(--primitive-typography-line-height-120);
+  --typography-body-lg-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-body-sm-medium-size: var(--primitive-typography-size-12);
+  --typography-body-sm-medium-weight: var(--primitive-typography-weight-medium);
+  --typography-body-sm-medium-line-height: var(
+    --primitive-typography-line-height-120
+  );
+  --typography-body-sm-medium-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-body-medium-size: var(--primitive-typography-size-14);
+  --typography-body-medium-weight: var(--primitive-typography-weight-medium);
+  --typography-body-medium-line-height: var(
+    --primitive-typography-line-height-120
+  );
+  --typography-body-medium-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-body-lg-medium-size: var(--primitive-typography-size-16);
+  --typography-body-lg-medium-weight: var(--primitive-typography-weight-medium);
+  --typography-body-lg-medium-line-height: var(
+    --primitive-typography-line-height-120
+  );
+  --typography-body-lg-medium-letter-spacing: var(
+    --primitive-typography-letter-spacing-0
+  );
+
+  --typography-tooltip-size: var(--primitive-typography-size-16);
+  --typography-tooltip-weight: var(--primitive-typography-weight-medium);
+  --typography-tooltip-line-height: var(--primitive-typography-line-height-114);
+  --typography-tooltip-letter-spacing: var(
+    --primitive-typography-letter-spacing-minus-0-5
+  );
 }
 :root,
 :host {
@@ -195,6 +326,7 @@
   --surface-neutral-900-80: var(--primitive-color-gray-900-80);
   --surface-neutral-900-static: var(--primitive-color-gray-900);
   --surface-neutral-1000: var(--primitive-color-gray-1000);
+  --surface-neutral-dark: rgba(0, 0, 0, 0.9);
 
   /* Surface / Brand */
 
@@ -209,12 +341,15 @@
   /* Surface / Status */
 
   --surface-status-negative-50: var(--primitive-color-negative-50);
+  --surface-status-negative-500: var(--primitive-color-negative-600);
   --surface-status-negative-600: var(--primitive-color-negative-600);
+  --surface-error-500: var(--primitive-color-negative-600);
 
   --surface-status-warning-50: var(--primitive-color-warning-50);
   --surface-status-warning-500: var(--primitive-color-warning-500);
 
   --surface-status-positive-50: var(--primitive-color-positive-50);
+  --surface-status-positive-500: var(--primitive-color-positive-600);
   --surface-status-positive-600: var(--primitive-color-positive-600);
   --surface-status-positive-600-static: var(--primitive-color-positive-600);
 
@@ -244,6 +379,7 @@
 
   /* Border / Neutral */
 
+  --border-neutral-0: var(--primitive-color-gray-0);
   --border-neutral-100: var(--primitive-color-gray-100);
   --border-neutral-300: var(--primitive-color-gray-300);
   --border-neutral-500: var(--primitive-color-gray-500);
@@ -260,6 +396,7 @@
   --border-status-warning: var(--primitive-color-warning-500);
   --border-status-positive: var(--primitive-color-positive-600);
   --border-status-positive-static: var(--primitive-color-positive-600);
+  --border-status-focus: var(--primitive-color-brand-500);
 
   /* Text / Body */
 
@@ -293,6 +430,10 @@
   --text-status-warning: var(--primitive-color-warning-500);
   --text-status-positive: var(--primitive-color-positive-600);
   --text-status-positive-static: var(--primitive-color-positive-600);
+
+  /* Text / Tooltip */
+
+  --text-tooltip-neutral: var(--text-body-0-static);
 }
 [data-incode-theme='dark'] {
   /* Surface / Neutral */
@@ -309,6 +450,7 @@
   --surface-neutral-900: var(--primitive-color-gray-0);
   --surface-neutral-900-80: var(--primitive-color-gray-0-80);
   --surface-neutral-1000: var(--primitive-color-gray-0);
+  --surface-neutral-dark: rgba(0, 0, 0, 0.9);
 
   /* Surface / Brand */
 
@@ -317,12 +459,15 @@
   /* Surface / Status */
 
   --surface-status-negative-50: var(--primitive-color-negative-950);
+  --surface-status-negative-500: var(--primitive-color-negative-500);
   --surface-status-negative-600: var(--primitive-color-negative-500);
+  --surface-error-500: var(--primitive-color-negative-500);
 
   --surface-status-warning-50: var(--primitive-color-warning-950);
   --surface-status-warning-500: var(--primitive-color-warning-400);
 
   --surface-status-positive-50: var(--primitive-color-positive-800);
+  --surface-status-positive-500: var(--primitive-color-positive-600);
 
   /* Icon / Neutral */
 

package/dist/types/id.d.ts

@@ -0,0 +1,34 @@
+import { FC } from 'preact/compat';
+import { IdCaptureConfig } from '@incodetech/core/id';
+import { IIdCaptureCapability } from '@incodetech/core/id';
+
+export declare const Id: FC<IdProps>;
+
+declare type IdProps = IncodeModuleProps<IdCaptureConfig> & {
+    provider?: IIdCaptureCapability;
+};
+
+declare type IncodeModuleProps<TConfig, TResult = void> = {
+    /**
+     * Module configuration required to render the flow.
+     * For Web Components, this is typically assigned via `element.config = ...`.
+     */
+    config?: TConfig;
+    /**
+     * Callback invoked when the module completes successfully.
+     * @param result - Optional result data from the module completion
+     */
+    onFinish?: (result?: TResult) => void;
+    /**
+     * Callback invoked when a fatal module error occurs.
+     */
+    onError?: (error: string | undefined) => void;
+};
+
+export { }
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'incode-id': HTMLElement & IncodeModuleProps<IdCaptureConfig>;
+    }
+}

package/dist/{uiConfig-CQ1W9cUD.js → uiConfig-DEqynrWx.js}

@@ -1,4 +1,4 @@
-import { C as i } from "./vendor-preact-CK0WeTOR.js";
+import { C as i } from "./vendor-preact-CjD4WiuC.js";
 let e = {};
 const t = /* @__PURE__ */ new Set();
 function r(n) {