@incodetech/web 0.0.0-dev-20260311-e1ad562 → 0.0.0-dev-20260311-e7ef89b

package/dist/flow/styles.css

@@ -3880,10 +3880,10 @@
 }
 
 .IncodeIdExpiredButtonContainer {
-  bottom: 34px;
+  bottom: var(--spacing-32, var(--spacing-32, 32px));
   right: var(--spacing-0, var(--spacing-none, 0px));
   left: var(--spacing-0, var(--spacing-none, 0px));
-  padding-inline: var(--spacing-28, var(--spacing-28, 28px));
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   justify-content: center;
   display: flex;
   position: absolute;
@@ -4266,6 +4266,7 @@
 }
 
 .IncodeDocumentCapturePdfCard {
+  --document-capture-pdf-preview-height: 160px;
   justify-content: center;
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -4283,13 +4284,13 @@
 }
 
 .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
-  height: var(--spacing-160, var(--spacing-160, 160px));
   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;
 }
 

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-DAveRAyZ.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-7zNv7YeX.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-CcgnVEBJ.js";
-import { T as x } from "../Trans-CrErI8VP.js";
+import { P as G } from "../page-Bdz8JP3P.js";
+import { T as x } from "../Trans-BnPbhF6c.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
   {

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-DAveRAyZ.js";
+import { r as p, u as n, I as v, b as m, a as f, S as g } from "../incodeModule-7zNv7YeX.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-BXW0lXvd.js";
-import { W as V } from "../warningIcon-CsSoiruR.js";
-import { O as G } from "../otpInput-CoMOmDGR.js";
-import { P as r } from "../page-CcgnVEBJ.js";
-import { S } from "../spinner-IY4lPK0V.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";
 const o = ({
   variant: i,
   icon: a,

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-DAveRAyZ.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-7zNv7YeX.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-aGGpS1V_.js";
-import { P as W } from "../processing-C-wThMBe.js";
+import { L as E, B as j, P as q } from "../baseTutorial-Bn8cRFCG.js";
+import { P as W } from "../processing-D6kl543t.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-BVLebxk_.js";
-import { P as M } from "../page-CcgnVEBJ.js";
-import { T as H, S as D } from "../spinner-IY4lPK0V.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";
 const r1 = ({ className: n }) => /* @__PURE__ */ e(
   "svg",
   {

package/dist/id/styles.css

@@ -1385,10 +1385,10 @@
 }
 
 .IncodeIdExpiredButtonContainer {
-  bottom: 34px;
+  bottom: var(--spacing-32, var(--spacing-32, 32px));
   right: var(--spacing-0, var(--spacing-none, 0px));
   left: var(--spacing-0, var(--spacing-none, 0px));
-  padding-inline: var(--spacing-28, var(--spacing-28, 28px));
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
   justify-content: center;
   display: flex;
   position: absolute;

package/dist/{incodeModule-DAveRAyZ.js → incodeModule-7zNv7YeX.js}

@@ -55,7 +55,6 @@ const P = /* @__PURE__ */ new Set([
   96,
   104,
   120,
-  160,
   200
 ]), j = (e, n) => n === "horizontal" ? {
   0: "IncodeSpacerHorizontal0",
@@ -74,7 +73,6 @@ const P = /* @__PURE__ */ new Set([
   96: "IncodeSpacerHorizontal96",
   104: "IncodeSpacerHorizontal104",
   120: "IncodeSpacerHorizontal120",
-  160: "IncodeSpacerHorizontal160",
   200: "IncodeSpacerHorizontal200"
 }[e] : {
   0: "IncodeSpacerVertical0",
@@ -93,7 +91,6 @@ const P = /* @__PURE__ */ new Set([
   96: "IncodeSpacerVertical96",
   104: "IncodeSpacerVertical104",
   120: "IncodeSpacerVertical120",
-  160: "IncodeSpacerVertical160",
   200: "IncodeSpacerVertical200"
 }[e], ce = ({
   size: e,

package/dist/{otpInput-CoMOmDGR.js → otpInput-DWZ7I1PN.js}

@@ -1,4 +1,4 @@
-import { u as n, S as h, B as T } from "./incodeModule-DAveRAyZ.js";
+import { u as n, S as h, B as T } from "./incodeModule-7zNv7YeX.js";
 import { d as $, A as K, y as I, k as R } from "./vendor-preact-DP-hbKuj.js";
 const c = 6, S = ({
   resendTimer: g,

package/dist/{page-CcgnVEBJ.js → page-Bdz8JP3P.js}

@@ -1,4 +1,4 @@
-import { u as C, S as n } from "./incodeModule-DAveRAyZ.js";
+import { u as C, S as n } from "./incodeModule-7zNv7YeX.js";
 import { u as g } from "./uiConfig-B8PUPgHY.js";
 import { k as t } from "./vendor-preact-DP-hbKuj.js";
 const V = "data:image/svg+xml,%3csvg%20width='76'%20height='20'%20viewBox='0%200%2076%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.1687%206.01811C42.2312%206.01811%2043.7927%206.59655%2044.8446%207.76024C45.8919%208.91831%2046.4126%2010.5865%2046.4126%2012.7583C46.4126%2014.93%2045.8748%2016.6105%2044.794%2017.7944C43.7102%2018.9815%2042.1729%2019.5735%2040.1937%2019.5735C38.1479%2019.5735%2036.5973%2018.99%2035.5546%2017.8187L35.4273%2017.6701C34.4729%2016.5101%2033.9984%2014.871%2033.9984%2012.7583C33.9984%208.28671%2036.0703%206.01811%2040.1687%206.01811ZM69.1127%206.01781C71.1144%206.01781%2072.5953%206.66904%2073.5373%207.97333C74.4288%209.2077%2074.8837%2010.9053%2074.9066%2013.0629L74.9058%2013.5242H66.1149C66.2174%2014.6334%2066.5602%2015.4734%2067.141%2016.0538C67.7488%2016.662%2068.6195%2016.9679%2069.7639%2016.9679C70.5188%2016.9679%2071.2373%2016.8742%2071.921%2016.6862C72.6048%2016.4995%2073.2105%2016.2581%2073.735%2015.9646L73.9814%2015.8267V18.666L73.8821%2018.7093C72.5607%2019.286%2071.0464%2019.5732%2069.3379%2019.5732C67.4088%2019.5732%2065.8853%2018.986%2064.7769%2017.8093C63.6699%2016.6348%2063.1183%2014.9722%2063.1183%2012.833C63.1183%2010.6451%2063.6389%208.96055%2064.6862%207.78517C65.7359%206.60632%2067.2157%206.01781%2069.1127%206.01781ZM60.3976%201.06738V16.3832C60.3976%2017.0998%2060.0996%2017.7092%2059.5124%2018.198C58.9425%2018.6724%2058.2282%2019.0207%2057.3718%2019.2435C56.5257%2019.4635%2055.6531%2019.5731%2054.7534%2019.5731C52.9298%2019.5731%2051.4237%2019.056%2050.2406%2018.0202C49.0485%2016.9752%2048.4588%2015.1678%2048.4588%2012.6072C48.4588%2010.5545%2048.9627%208.9421%2049.9753%207.77411C50.9938%206.60175%2052.4982%206.01774%2054.4782%206.01774C54.9416%206.01774%2055.4735%206.07665%2056.0742%206.19449C56.582%206.296%2057.0453%206.43849%2057.4648%206.62252V1.06738H60.3976ZM27.911%206.04223C29.2828%206.04223%2030.5881%206.29619%2031.8264%206.80393L31.9291%206.84604V9.55797L31.6992%209.46109C30.4503%208.93473%2029.3127%208.67257%2028.2863%208.67257C27.0102%208.67257%2026.0684%208.98809%2025.4521%209.61162C24.8366%2010.2352%2024.5242%2011.2397%2024.5242%2012.6331C24.5242%2014.0959%2024.8298%2015.1535%2025.4314%2015.8092C26.029%2016.4619%2027.002%2016.7923%2028.3613%2016.7923C29.4706%2016.7923%2030.589%2016.5234%2031.7164%2015.9842L31.9534%2015.8708V18.5903L31.8552%2018.634C30.6349%2019.1773%2029.3283%2019.4483%2027.936%2019.4483C26.2154%2019.4483%2024.7637%2018.9753%2023.5868%2018.0285L23.4123%2017.8829L23.2796%2017.7636C22.1516%2016.7067%2021.5914%2015.0592%2021.5914%2012.8332C21.5914%2010.4557%2022.186%208.72379%2023.3849%207.64725C24.5757%206.57726%2026.0871%206.04223%2027.911%206.04223ZM4.11045%206.39262L4.13613%2019.1987H1.15293V6.39262H4.11045ZM13.5766%206.0423C15.365%206.0423%2016.6948%206.41948%2017.5636%207.18368C18.4372%207.95269%2018.8706%209.13902%2018.8706%2010.7331V19.1984H15.9127V11.0838C15.9127%209.42945%2014.9988%208.62337%2013.1013%208.62337C12.3086%208.62337%2011.5458%208.73548%2010.8133%208.95959L10.5401%209.04888V19.1984H7.58147V7.40579L7.67177%207.35974C8.43481%206.97061%209.36013%206.65415%2010.4506%206.40815L10.8116%206.33134C11.7692%206.13867%2012.6905%206.0423%2013.5766%206.0423ZM40.1687%208.5477C39.0014%208.5477%2038.1814%208.89722%2037.6896%209.59114C37.1869%2010.3012%2036.932%2011.3564%2036.932%2012.7583C36.932%2014.1602%2037.1948%2015.223%2037.7142%2015.9499C38.2224%2016.6613%2039.0345%2017.0182%2040.1687%2017.0182C42.3685%2017.0182%2043.4555%2015.6249%2043.4555%2012.7583C43.4555%2011.325%2043.1888%2010.2632%2042.6636%209.57056C42.1472%208.89036%2041.3203%208.5477%2040.1687%208.5477ZM54.8535%208.59807C52.5835%208.59807%2051.4659%209.9271%2051.4659%2012.6579C51.4659%2014.0276%2051.7253%2015.0917%2052.2391%2015.8527C52.7378%2016.5945%2053.6185%2016.9678%2054.9035%2016.9678C55.6556%2016.9678%2056.2834%2016.8792%2056.7876%2016.7028C57.2156%2016.553%2057.4279%2016.378%2057.4604%2016.186L57.4648%2016.1332V9.25404L57.2778%209.15611C56.9611%208.99923%2056.6189%208.87406%2056.2512%208.78123C55.7705%208.65917%2055.3045%208.59807%2054.8535%208.59807ZM69.0377%208.49888C68.192%208.49888%2067.5412%208.71795%2067.0743%209.15366C66.6631%209.5374%2066.3731%2010.1684%2066.2101%2011.0498L66.1771%2011.2425H71.8784L71.8489%2011.0453C71.7111%2010.208%2071.4421%209.58986%2071.0461%209.18626C70.5969%208.72981%2069.9303%208.49888%2069.0377%208.49888ZM4.21085%201.94156V4.64764H1.07715V1.94156H4.21085Z'%20fill='%23006AFF'/%3e%3c/svg%3e";

package/dist/phone/phone.es.js

@@ -1,11 +1,11 @@
-import { u as n, S, r as R, I as W, a as F, B as L } from "../incodeModule-DAveRAyZ.js";
+import { u as n, S, r as R, I as W, a as F, B as L } from "../incodeModule-7zNv7YeX.js";
 import { createPhoneManager as M } from "@incodetech/core/phone";
 import { d as P, A as T, y as w, k } from "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { O as G } from "../otpInput-CoMOmDGR.js";
-import { P as D } from "../page-CcgnVEBJ.js";
+import { O as G } from "../otpInput-DWZ7I1PN.js";
+import { P as D } from "../page-Bdz8JP3P.js";
 import { g as $, c as b, p as N, A as V } from "../countries-DDCxQhGs.js";
-import { C as U } from "../chevronDown-DL5WsjxS.js";
+import { C as U } from "../chevronDown-BZNPUs4a.js";
 const j = ({
   countryCode: i,
   prefilledPhone: d,

package/dist/{processing-C-wThMBe.js → processing-D6kl543t.js}

@@ -1,5 +1,5 @@
-import { b as i, u as t } from "./incodeModule-DAveRAyZ.js";
-import { S as e } from "./spinner-IY4lPK0V.js";
+import { b as i, u as t } from "./incodeModule-7zNv7YeX.js";
+import { S as e } from "./spinner-BknkxcID.js";
 import "./uiConfig-B8PUPgHY.js";
 import "./vendor-preact-DP-hbKuj.js";
 const s = () => {

package/dist/selfie/selfie.es.js

@@ -1,10 +1,10 @@
-import { r as u, u as r, I as o, a } from "../incodeModule-DAveRAyZ.js";
+import { r as u, u as r, I as o, a } from "../incodeModule-7zNv7YeX.js";
 import { createSelfieManager as l } from "@incodetech/core/selfie";
 import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { P as m } from "../baseTutorial-aGGpS1V_.js";
-import { P as f } from "../processing-C-wThMBe.js";
-import { T as p, C as c } from "../tutorial-DA8R46NX.js";
+import { P as m } from "../baseTutorial-Bn8cRFCG.js";
+import { P as f } from "../processing-D6kl543t.js";
+import { T as p, C as c } from "../tutorial-BLmXLzBL.js";
 const d = ({
   config: e,
   onFinish: i,

package/dist/{spinner-IY4lPK0V.js → spinner-BknkxcID.js}

@@ -1,4 +1,4 @@
-import { u as n, c as l, L as t, S as s } from "./incodeModule-DAveRAyZ.js";
+import { u as n, c as l, L as t, S as s } from "./incodeModule-7zNv7YeX.js";
 import { k as a } from "./vendor-preact-DP-hbKuj.js";
 const h = ({ children: e, className: c }) => /* @__PURE__ */ n("h2", { class: `IncodeTitle ${c ?? ""}`, children: e }), T = ({ children: e, className: c }) => /* @__PURE__ */ n("h4", { class: `IncodeTypographyH4 ${c ?? ""}`, children: e }), u = ({ children: e, className: c }) => /* @__PURE__ */ n("h5", { class: `IncodeTypographyH5 ${c ?? ""}`, children: e }), S = {
   small: 24,

package/dist/{successIcon-BXW0lXvd.js → successIcon-BPe0Wymn.js}

@@ -1,4 +1,4 @@
-import { u as t } from "./incodeModule-DAveRAyZ.js";
+import { u as t } from "./incodeModule-7zNv7YeX.js";
 const i = ({ size: r = 32 }) => /* @__PURE__ */ t(
   "svg",
   {

package/dist/themes/dark.css

@@ -6,11 +6,15 @@
   --primitive-color-gray-0-80: rgba(255, 255, 255, 0.8);
   --primitive-color-gray-50: #fcfcfd;
   --primitive-color-gray-100: #ebecef;
+  --primitive-color-gray-150: #d9dae1;
   --primitive-color-gray-200: #c6c8d2;
+  --primitive-color-gray-250: #b5b8c5;
   --primitive-color-gray-300: #a3a8b8;
   --primitive-color-gray-400: #82879a;
   --primitive-color-gray-500: #60667c;
+  --primitive-color-gray-600: #4d5264;
   --primitive-color-gray-700: #3a3e4b;
+  --primitive-color-gray-750: #30333e;
   --primitive-color-gray-800: #262831;
   --primitive-color-gray-900: #14151a;
   --primitive-color-gray-900-80: rgba(20, 21, 26, 0.8);
@@ -20,6 +24,7 @@
   /* Color / Brand */
 
   --primitive-color-brand-50: #e5f0ff;
+  --primitive-color-brand-100: #bfdfff;
   --primitive-color-brand-200: #99ceff;
   --primitive-color-brand-300: #66a6ff;
   --primitive-color-brand-400: #3388ff;
@@ -40,24 +45,28 @@
   /* Color / Positive */
 
   --primitive-color-positive-50: #e4fbf0;
-  --primitive-color-positive-600: #189f60;
-  --primitive-color-positive-800: #0c5030;
+  --primitive-color-positive-400: #45b380;
+  --primitive-color-positive-500: #189f60;
+  --primitive-color-positive-750: #0c5030;
+  --primitive-color-positive-950: #03190e;
 
   /* Color / Warning */
 
   --primitive-color-warning-50: #fff7eb;
   --primitive-color-warning-400: #ffb647;
   --primitive-color-warning-500: #ff9900;
-  --primitive-color-warning-950: #523100;
+  --primitive-color-warning-750: #523100;
+  --primitive-color-warning-950: #271400;
 
   /* Color / Negative */
 
   --primitive-color-negative-50: #fff0f0;
-  --primitive-color-negative-500: #ff5a5f;
-  --primitive-color-negative-600: #e71111;
+  --primitive-color-negative-400: #ff5a5f;
+  --primitive-color-negative-500: #e71111;
   --primitive-color-negative-950: #240001;
 
   /* Typography / Family */
+
   --primitive-typography-family-rethink-sans: 'Rethink Sans';
   --primitive-typography-family-dm-sans: 'DM Sans';
 
@@ -76,7 +85,6 @@
 
   /* Typography / Weight */
 
-  --primitive-typography-weight-thin: 300;
   --primitive-typography-weight-regular: 400;
   --primitive-typography-weight-medium: 500;
   --primitive-typography-weight-semibold: 600;
@@ -86,16 +94,20 @@
   /* Typography / Letter Spacing */
 
   --primitive-typography-letter-spacing-0: 0px;
+  --primitive-typography-letter-spacing-2: 2px;
   --primitive-typography-letter-spacing-minus-0-5: -0.5px;
   --primitive-typography-letter-spacing-minus-1: -1px;
   --primitive-typography-letter-spacing-minus-1-5: -1.5px;
 
   /* Typography / Line Height */
 
+  --primitive-typography-line-height-100: 1;
+  --primitive-typography-line-height-105: 1.05;
   --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;
+  --primitive-typography-line-height-125: 1.25;
+  --primitive-typography-line-height-130: 1.3;
 
   /* Border / Width */
 
@@ -125,7 +137,6 @@
   --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;
@@ -138,7 +149,6 @@
   --primitive-scale-104: 104px;
   --primitive-scale-120: 120px;
   --primitive-scale-128: 128px;
-  --primitive-scale-160: 160px;
   --primitive-scale-200: 200px;
 }
 :root,
@@ -170,7 +180,6 @@
   --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);
@@ -179,7 +188,6 @@
   --spacing-96: var(--primitive-scale-96);
   --spacing-104: var(--primitive-scale-104);
   --spacing-120: var(--primitive-scale-120);
-  --spacing-160: var(--primitive-scale-160);
   --spacing-200: var(--primitive-scale-200);
 
   /* Icon / Size */
@@ -310,7 +318,7 @@
 
   --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-line-height: var(--primitive-typography-line-height-115);
   --typography-tooltip-letter-spacing: var(
     --primitive-typography-letter-spacing-minus-0-5
   );
@@ -348,17 +356,17 @@
   /* 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-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-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);
+  --surface-status-positive-500: var(--primitive-color-positive-500);
+  --surface-status-positive-600: var(--primitive-color-positive-500);
+  --surface-status-positive-600-static: var(--primitive-color-positive-500);
 
   /* Icon / Neutral */
 
@@ -379,10 +387,10 @@
 
   /* Icon / Status */
 
-  --icon-status-negative: var(--primitive-color-negative-600);
+  --icon-status-negative: var(--primitive-color-negative-500);
   --icon-status-warning: var(--primitive-color-warning-500);
-  --icon-status-positive: var(--primitive-color-positive-600);
-  --icon-status-positive-static: var(--primitive-color-positive-600);
+  --icon-status-positive: var(--primitive-color-positive-500);
+  --icon-status-positive-static: var(--primitive-color-positive-500);
 
   /* Border / Neutral */
 
@@ -400,10 +408,10 @@
 
   /* Border / Status */
 
-  --border-status-negative: var(--primitive-color-negative-600);
+  --border-status-negative: var(--primitive-color-negative-500);
   --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-positive: var(--primitive-color-positive-500);
+  --border-status-positive-static: var(--primitive-color-positive-500);
   --border-status-focus: var(--primitive-color-focus-500);
 
   /* Text / Body */
@@ -434,10 +442,10 @@
 
   /* Text / Status */
 
-  --text-status-negative: var(--primitive-color-negative-600);
+  --text-status-negative: var(--primitive-color-negative-500);
   --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-status-positive: var(--primitive-color-positive-500);
+  --text-status-positive-static: var(--primitive-color-positive-500);
 
   /* Text / Tooltip */
 
@@ -474,8 +482,8 @@
   --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);
+  --surface-status-positive-50: var(--primitive-color-positive-750);
+  --surface-status-positive-500: var(--primitive-color-positive-500);
 
   /* Icon / Neutral */
 
@@ -734,8 +742,8 @@
   --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-600-static: var(--primitive-color-positive-600);
+  --surface-status-positive-50: var(--primitive-color-positive-750);
+  --surface-status-positive-600-static: var(--primitive-color-positive-500);
 
   /* Icon / Neutral */
 
@@ -758,8 +766,8 @@
 
   --icon-status-negative: var(--primitive-color-negative-500);
   --icon-status-warning: var(--primitive-color-warning-400);
-  --icon-status-positive: var(--primitive-color-positive-600);
-  --icon-status-positive-static: var(--primitive-color-positive-600);
+  --icon-status-positive: var(--primitive-color-positive-500);
+  --icon-status-positive-static: var(--primitive-color-positive-500);
 
   /* Border / Neutral */
 
@@ -777,8 +785,8 @@
 
   --border-status-negative: var(--primitive-color-negative-500);
   --border-status-warning: var(--primitive-color-warning-400);
-  --border-status-positive: var(--primitive-color-positive-600);
-  --border-status-positive-static: var(--primitive-color-positive-600);
+  --border-status-positive: var(--primitive-color-positive-500);
+  --border-status-positive-static: var(--primitive-color-positive-500);
   --border-status-focus: var(--primitive-color-focus-400);
 
   /* Text / Body */
@@ -810,6 +818,6 @@
 
   --text-status-negative: var(--primitive-color-negative-500);
   --text-status-warning: var(--primitive-color-warning-400);
-  --text-status-positive: var(--primitive-color-positive-600);
-  --text-status-positive-static: var(--primitive-color-positive-600);
+  --text-status-positive: var(--primitive-color-positive-500);
+  --text-status-positive-static: var(--primitive-color-positive-500);
 }

package/dist/themes/light.css

@@ -6,11 +6,15 @@
   --primitive-color-gray-0-80: rgba(255, 255, 255, 0.8);
   --primitive-color-gray-50: #fcfcfd;
   --primitive-color-gray-100: #ebecef;
+  --primitive-color-gray-150: #d9dae1;
   --primitive-color-gray-200: #c6c8d2;
+  --primitive-color-gray-250: #b5b8c5;
   --primitive-color-gray-300: #a3a8b8;
   --primitive-color-gray-400: #82879a;
   --primitive-color-gray-500: #60667c;
+  --primitive-color-gray-600: #4d5264;
   --primitive-color-gray-700: #3a3e4b;
+  --primitive-color-gray-750: #30333e;
   --primitive-color-gray-800: #262831;
   --primitive-color-gray-900: #14151a;
   --primitive-color-gray-900-80: rgba(20, 21, 26, 0.8);
@@ -20,6 +24,7 @@
   /* Color / Brand */
 
   --primitive-color-brand-50: #e5f0ff;
+  --primitive-color-brand-100: #bfdfff;
   --primitive-color-brand-200: #99ceff;
   --primitive-color-brand-300: #66a6ff;
   --primitive-color-brand-400: #3388ff;
@@ -40,24 +45,28 @@
   /* Color / Positive */
 
   --primitive-color-positive-50: #e4fbf0;
-  --primitive-color-positive-600: #189f60;
-  --primitive-color-positive-800: #0c5030;
+  --primitive-color-positive-400: #45b380;
+  --primitive-color-positive-500: #189f60;
+  --primitive-color-positive-750: #0c5030;
+  --primitive-color-positive-950: #03190e;
 
   /* Color / Warning */
 
   --primitive-color-warning-50: #fff7eb;
   --primitive-color-warning-400: #ffb647;
   --primitive-color-warning-500: #ff9900;
-  --primitive-color-warning-950: #523100;
+  --primitive-color-warning-750: #523100;
+  --primitive-color-warning-950: #271400;
 
   /* Color / Negative */
 
   --primitive-color-negative-50: #fff0f0;
-  --primitive-color-negative-500: #ff5a5f;
-  --primitive-color-negative-600: #e71111;
+  --primitive-color-negative-400: #ff5a5f;
+  --primitive-color-negative-500: #e71111;
   --primitive-color-negative-950: #240001;
 
   /* Typography / Family */
+
   --primitive-typography-family-rethink-sans: 'Rethink Sans';
   --primitive-typography-family-dm-sans: 'DM Sans';
 
@@ -76,7 +85,6 @@
 
   /* Typography / Weight */
 
-  --primitive-typography-weight-thin: 300;
   --primitive-typography-weight-regular: 400;
   --primitive-typography-weight-medium: 500;
   --primitive-typography-weight-semibold: 600;
@@ -86,16 +94,20 @@
   /* Typography / Letter Spacing */
 
   --primitive-typography-letter-spacing-0: 0px;
+  --primitive-typography-letter-spacing-2: 2px;
   --primitive-typography-letter-spacing-minus-0-5: -0.5px;
   --primitive-typography-letter-spacing-minus-1: -1px;
   --primitive-typography-letter-spacing-minus-1-5: -1.5px;
 
   /* Typography / Line Height */
 
+  --primitive-typography-line-height-100: 1;
+  --primitive-typography-line-height-105: 1.05;
   --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;
+  --primitive-typography-line-height-125: 1.25;
+  --primitive-typography-line-height-130: 1.3;
 
   /* Border / Width */
 
@@ -125,7 +137,6 @@
   --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;
@@ -138,7 +149,6 @@
   --primitive-scale-104: 104px;
   --primitive-scale-120: 120px;
   --primitive-scale-128: 128px;
-  --primitive-scale-160: 160px;
   --primitive-scale-200: 200px;
 }
 :root,
@@ -170,7 +180,6 @@
   --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);
@@ -179,7 +188,6 @@
   --spacing-96: var(--primitive-scale-96);
   --spacing-104: var(--primitive-scale-104);
   --spacing-120: var(--primitive-scale-120);
-  --spacing-160: var(--primitive-scale-160);
   --spacing-200: var(--primitive-scale-200);
 
   /* Icon / Size */
@@ -310,7 +318,7 @@
 
   --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-line-height: var(--primitive-typography-line-height-115);
   --typography-tooltip-letter-spacing: var(
     --primitive-typography-letter-spacing-minus-0-5
   );
@@ -348,17 +356,17 @@
   /* 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-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-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);
+  --surface-status-positive-500: var(--primitive-color-positive-500);
+  --surface-status-positive-600: var(--primitive-color-positive-500);
+  --surface-status-positive-600-static: var(--primitive-color-positive-500);
 
   /* Icon / Neutral */
 
@@ -379,10 +387,10 @@
 
   /* Icon / Status */
 
-  --icon-status-negative: var(--primitive-color-negative-600);
+  --icon-status-negative: var(--primitive-color-negative-500);
   --icon-status-warning: var(--primitive-color-warning-500);
-  --icon-status-positive: var(--primitive-color-positive-600);
-  --icon-status-positive-static: var(--primitive-color-positive-600);
+  --icon-status-positive: var(--primitive-color-positive-500);
+  --icon-status-positive-static: var(--primitive-color-positive-500);
 
   /* Border / Neutral */
 
@@ -400,10 +408,10 @@
 
   /* Border / Status */
 
-  --border-status-negative: var(--primitive-color-negative-600);
+  --border-status-negative: var(--primitive-color-negative-500);
   --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-positive: var(--primitive-color-positive-500);
+  --border-status-positive-static: var(--primitive-color-positive-500);
   --border-status-focus: var(--primitive-color-focus-500);
 
   /* Text / Body */
@@ -434,10 +442,10 @@
 
   /* Text / Status */
 
-  --text-status-negative: var(--primitive-color-negative-600);
+  --text-status-negative: var(--primitive-color-negative-500);
   --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-status-positive: var(--primitive-color-positive-500);
+  --text-status-positive-static: var(--primitive-color-positive-500);
 
   /* Text / Tooltip */
 
@@ -474,8 +482,8 @@
   --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);
+  --surface-status-positive-50: var(--primitive-color-positive-750);
+  --surface-status-positive-500: var(--primitive-color-positive-500);
 
   /* Icon / Neutral */