@coinbase/cdp-react 0.0.78 → 0.0.80

package/dist/index.js

@@ -1,171 +1,226 @@
 import "./chunks/useSendComponentCallOnce.BHZMuo6E.js";
 import "react";
 import "./version.js";
-import { AuthButton as m } from "./components/AuthButton/index.js";
-import { ALL_AUTH_METHODS as x, AUTH_METHODS as l, CDPReactProvider as i, OAUTH_METHODS as f, useAppConfig as s, useProviderName as u } from "./components/CDPReactProvider/index.js";
-import { CopyAddress as c } from "./components/CopyAddress/index.js";
-import { CopyEvmKeyButton as I } from "./components/CopyEvmKeyButton/index.js";
-import { CopySolanaKeyButton as C } from "./components/CopySolanaKeyButton/index.js";
-import { ExportWallet as h, ExportWalletCopyAddress as E, ExportWalletCopyKeyButton as S, ExportWalletFooter as T, E as k, a as F, b as L, c as B, d as W, ExportWalletTitle as y, ExportWalletWarning as b } from "./components/ExportWallet/index.js";
-import { Fund as w, FundFooter as D } from "./components/Fund/index.js";
-import { FundModal as H, FundModalContent as O, FundModalTrigger as R } from "./components/FundModal/index.js";
-import { LinkAuth as _, LinkAuthError as K } from "./components/LinkAuth/index.js";
-import { LinkAuthModal as N, LinkAuthModalContent as j, LinkAuthModalTrigger as G } from "./components/LinkAuthModal/index.js";
-import { SendEvmTransactionButton as q } from "./components/SendEvmTransactionButton/index.js";
-import { SendSolanaTransactionButton as J } from "./components/SendSolanaTransactionButton/index.js";
-import { SignIn as Y } from "./components/SignIn/index.js";
-import { useSignInReducer as $ } from "./components/SignIn/useSignInReducer.js";
-import { SignInModal as ro, SignInModalContent as to, SignInModalTrigger as eo } from "./components/SignInModal/index.js";
-import { SignOutButton as po } from "./components/SignOutButton/index.js";
-import { ThemeProvider as ao, useTheme as xo } from "./components/ThemeProvider/index.js";
-import { Button as io } from "./components/ui/Button/index.js";
-import { Modal as so, ModalClose as uo, ModalContent as co, ModalDescription as go, ModalTitle as Io, ModalTrigger as Mo } from "./components/ui/Modal/index.js";
-import { cssVariables as Ao } from "./theme/cssVariables.js";
-import { theme as Eo } from "./theme/theme.js";
-import { borderRadius as To, borderRadiusComponents as ko, borderRadiusSemantic as Fo, colors as Lo, colorsBase as Bo, colorsComponents as Wo, colorsSemantic as yo, font as bo, fontComponents as vo, fontSemantic as wo, tokens as Do } from "./theme/tokens.js";
-import { flattenTokensObject as Ho, themeToCssVariables as Oo } from "./theme/utils.js";
-import { IconAppleLogo as Uo } from "./icons/IconAppleLogo.js";
-import { IconArrowLeft as Ko } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as No } from "./icons/IconArrowsUpDown.js";
-import { IconCheck as Go } from "./icons/IconCheck.js";
-import { IconCheckCircle as qo } from "./icons/IconCheckCircle.js";
-import { IconChevronDown as Jo } from "./icons/IconChevronDown.js";
-import { IconCopy as Yo } from "./icons/IconCopy.js";
-import { IconEnvelope as $o } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as rr } from "./icons/IconExclamationCircle.js";
-import { IconExclamationTriangle as er } from "./icons/IconExclamationTriangle.js";
-import { IconGoogleLogo as pr } from "./icons/IconGoogleLogo.js";
-import { IconLock as ar } from "./icons/IconLock.js";
-import { IconPhone as lr } from "./icons/IconPhone.js";
-import { IconXMark as fr } from "./icons/IconXMark.js";
-import { IconMinus as ur } from "./icons/IconMinus.js";
-import { IconPlus as cr } from "./icons/IconPlus.js";
-import { clamp as Ir } from "./utils/clamp.js";
-import { getMessageFromUnknownError as Cr } from "./utils/getMessageFromUnknownError.js";
-import { isApiError as hr } from "./utils/isApiError.js";
-import { isEmailInvalid as Sr } from "./utils/isEmailInvalid.js";
-import { parseValuesFromPhoneNumber as kr } from "./utils/parseValuesFromPhoneNumber.js";
-import { sendIframeMessage as Lr } from "./utils/sendIframeMessage.js";
+import { AuthButton as a } from "./components/AuthButton/index.js";
+import { c as p, A as m, C as x, O as i, V as s, d as M, e as u, f as d, u as c, a as I, b as g } from "./chunks/CDPReactProvider.CIQm4C4z.js";
+import { CopyAddress as C } from "./components/CopyAddress/index.js";
+import { CopyEvmKeyButton as h } from "./components/CopyEvmKeyButton/index.js";
+import { CopySolanaKeyButton as S } from "./components/CopySolanaKeyButton/index.js";
+import { EnrollMfa as y, EnrollMfaError as k } from "./components/EnrollMfa/index.js";
+import { EnrollMfaModal as B, EnrollMfaModalContent as L, EnrollMfaModalTrigger as w } from "./components/EnrollMfaModal/index.js";
+import { ExportWallet as D, ExportWalletCopyAddress as b, ExportWalletCopyKeyButton as P, ExportWalletFooter as v, E as O, a as H, b as R, c as U, d as _, ExportWalletTitle as K, ExportWalletWarning as N } from "./components/ExportWallet/index.js";
+import { Fund as G, FundFooter as X } from "./components/Fund/index.js";
+import { FundModal as z, FundModalContent as J, FundModalTrigger as Q } from "./components/FundModal/index.js";
+import { LinkAuth as Z, LinkAuthError as $ } from "./components/LinkAuth/index.js";
+import { LinkAuthModal as ro, LinkAuthModalContent as eo, LinkAuthModalTrigger as to } from "./components/LinkAuthModal/index.js";
+import { SendEvmTransactionButton as fo } from "./components/SendEvmTransactionButton/index.js";
+import { SendSolanaTransactionButton as lo } from "./components/SendSolanaTransactionButton/index.js";
+import { SignIn as mo } from "./components/SignIn/index.js";
+import { useSignInReducer as io } from "./components/SignIn/useSignInReducer.js";
+import { SignInModal as Mo, SignInModalContent as uo, SignInModalTrigger as co } from "./components/SignInModal/index.js";
+import { SignOutButton as go } from "./components/SignOutButton/index.js";
+import { ThemeProvider as Co, useTheme as To } from "./components/ThemeProvider/index.js";
+import { VerifyMfaInline as Ao, VerifyMfaInlineBackButton as So, VerifyMfaInlineFlow as Fo, useVerifyMfaInlineContext as yo } from "./components/VerifyMfaInline/index.js";
+import { Button as Vo } from "./components/ui/Button/index.js";
+import { Modal as Lo, ModalClose as wo, ModalContent as Wo, ModalDescription as Do, ModalTitle as bo, ModalTrigger as Po } from "./components/ui/Modal/index.js";
+import { cssVariables as Oo } from "./theme/cssVariables.js";
+import { theme as Ro } from "./theme/theme.js";
+import { borderRadius as _o, borderRadiusComponents as Ko, borderRadiusSemantic as No, colors as jo, colorsBase as Go, colorsComponents as Xo, colorsSemantic as qo, font as zo, fontComponents as Jo, fontSemantic as Qo, tokens as Yo } from "./theme/tokens.js";
+import { flattenTokensObject as $o, themeToCssVariables as or } from "./theme/utils.js";
+import { IconAppleLogo as er } from "./icons/IconAppleLogo.js";
+import { IconArrowLeft as nr } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as ar } from "./icons/IconArrowsUpDown.js";
+import { IconCheck as pr } from "./icons/IconCheck.js";
+import { IconCheckCircle as xr } from "./icons/IconCheckCircle.js";
+import { IconChevronDown as sr } from "./icons/IconChevronDown.js";
+import { IconCopy as ur } from "./icons/IconCopy.js";
+import { IconEnvelope as cr } from "./icons/IconEnvelope.js";
+import { IconExclamationCircle as gr } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as Cr } from "./icons/IconExclamationTriangle.js";
+import { IconGoogleLogo as hr } from "./icons/IconGoogleLogo.js";
+import { IconLock as Sr } from "./icons/IconLock.js";
+import { IconMinus as yr } from "./icons/IconMinus.js";
+import { IconPhone as Vr } from "./icons/IconPhone.js";
+import { IconPinCode as Lr } from "./icons/IconPinCode.js";
+import { IconPlus as Wr } from "./icons/IconPlus.js";
+import { IconShield as br } from "./icons/IconShield.js";
+import { IconSmartPhone as vr } from "./icons/IconSmartPhone.js";
+import { IconXMark as Hr } from "./icons/IconXMark.js";
+import { clamp as Ur } from "./utils/clamp.js";
+import { getMessageFromUnknownError as Kr } from "./utils/getMessageFromUnknownError.js";
+import { isApiError as jr } from "./utils/isApiError.js";
+import { isEmailInvalid as Xr } from "./utils/isEmailInvalid.js";
+import { parseValuesFromPhoneNumber as zr } from "./utils/parseValuesFromPhoneNumber.js";
+import { sendIframeMessage as Qr } from "./utils/sendIframeMessage.js";
 import "@coinbase/cdp-core";
-import { FundForm as Wr } from "./components/Fund/FundForm.js";
-import { FundTitle as br } from "./components/Fund/FundTitle.js";
-import { useFundContext as wr } from "./components/Fund/FundProvider.js";
-import { a as Pr, u as Hr } from "./chunks/LinkAuthFlow.3HN888DV.js";
-import { LinkAuthFlowBackButton as Rr } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
-import { LinkAuthItem as _r } from "./components/LinkAuth/LinkAuthItem.js";
-import { LinkAuthItems as Vr } from "./components/LinkAuth/LinkAuthItems.js";
-import { LinkAuthTitle as jr } from "./components/LinkAuth/LinkAuthTitle.js";
-import { useLinkAuthContext as Xr } from "./components/LinkAuth/LinkAuthProvider.js";
-import { SignInAuthMethodButtons as zr } from "./components/SignIn/SignInAuthMethodButtons.js";
-import { SignInBackButton as Qr } from "./components/SignIn/SignInBackButton.js";
-import { SignInDescription as Zr } from "./components/SignIn/SignInDescription.js";
-import { SignInFooter as ot } from "./components/SignIn/SignInFooter.js";
-import { SignInForm as tt } from "./components/SignIn/SignInForm.js";
-import { SignInImage as nt } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as mt } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as xt } from "./components/SignIn/SignInProvider.js";
+import { EnrollMfaDescription as Zr } from "./components/EnrollMfa/EnrollMfaDescription.js";
+import { EnrollMfaFlow as oe } from "./components/EnrollMfa/EnrollMfaFlow.js";
+import { EnrollMfaFlowBackButton as ee } from "./components/EnrollMfa/EnrollMfaFlowBackButton.js";
+import { EnrollMfaFooter as ne } from "./components/EnrollMfa/EnrollMfaFooter.js";
+import { EnrollMfaImage as ae } from "./components/EnrollMfa/EnrollMfaImage.js";
+import { EnrollMfaItem as pe } from "./components/EnrollMfa/EnrollMfaItem.js";
+import { EnrollMfaItems as xe } from "./components/EnrollMfa/EnrollMfaItems.js";
+import { EnrollMfaTitle as se } from "./components/EnrollMfa/EnrollMfaTitle.js";
+import { useEnrollMfaContext as ue } from "./components/EnrollMfa/EnrollMfaProvider.js";
+import { useEnrollMfaFlow as ce } from "./components/EnrollMfa/EnrollMfaFlowProvider.js";
+import { FundForm as ge } from "./components/Fund/FundForm.js";
+import { FundTitle as Ce } from "./components/Fund/FundTitle.js";
+import { useFundContext as he } from "./components/Fund/FundProvider.js";
+import { a as Se, u as Fe } from "./chunks/LinkAuthFlow.BaUSMzGH.js";
+import { LinkAuthFlowBackButton as ke } from "./components/LinkAuth/LinkAuthFlowBackButton.js";
+import { LinkAuthItem as Be } from "./components/LinkAuth/LinkAuthItem.js";
+import { LinkAuthItems as we } from "./components/LinkAuth/LinkAuthItems.js";
+import { LinkAuthTitle as De } from "./components/LinkAuth/LinkAuthTitle.js";
+import { useLinkAuthContext as Pe } from "./components/LinkAuth/LinkAuthProvider.js";
+import { SignInAuthMethodButtons as Oe } from "./components/SignIn/SignInAuthMethodButtons.js";
+import { SignInBackButton as Re } from "./components/SignIn/SignInBackButton.js";
+import { SignInDescription as _e } from "./components/SignIn/SignInDescription.js";
+import { SignInFooter as Ne } from "./components/SignIn/SignInFooter.js";
+import { SignInForm as Ge } from "./components/SignIn/SignInForm.js";
+import { SignInImage as qe } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as Je } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as Ye } from "./components/SignIn/SignInProvider.js";
+import { VerifyMfaDescription as $e } from "./components/VerifyMfa/VerifyMfaDescription.js";
+import { VerifyMfaFooter as rt } from "./components/VerifyMfa/VerifyMfaFooter.js";
+import { VerifyMfaFlow as tt } from "./components/VerifyMfa/VerifyMfaFlow.js";
+import { VerifyMfaImage as ft } from "./components/VerifyMfa/VerifyMfaImage.js";
+import { VerifyMfaTitle as lt } from "./components/VerifyMfa/VerifyMfaTitle.js";
+import { useVerifyMfaContext as mt } from "./components/VerifyMfa/VerifyMfaProvider.js";
 export {
-  x as ALL_AUTH_METHODS,
-  l as AUTH_METHODS,
-  m as AuthButton,
-  io as Button,
-  i as CDPReactProvider,
-  c as CopyAddress,
-  I as CopyEvmKeyButton,
-  C as CopySolanaKeyButton,
-  h as ExportWallet,
-  E as ExportWalletCopyAddress,
-  S as ExportWalletCopyKeyButton,
-  T as ExportWalletFooter,
-  k as ExportWalletModal,
-  F as ExportWalletModalClose,
-  L as ExportWalletModalContent,
-  B as ExportWalletModalTitle,
-  W as ExportWalletModalTrigger,
-  y as ExportWalletTitle,
-  b as ExportWalletWarning,
-  w as Fund,
-  D as FundFooter,
-  Wr as FundForm,
-  H as FundModal,
-  O as FundModalContent,
-  R as FundModalTrigger,
-  br as FundTitle,
-  Uo as IconAppleLogo,
-  Ko as IconArrowLeft,
-  No as IconArrowsUpDown,
-  Go as IconCheck,
-  qo as IconCheckCircle,
-  Jo as IconChevronDown,
-  Yo as IconCopy,
-  $o as IconEnvelope,
-  rr as IconExclamationCircle,
-  er as IconExclamationTriangle,
-  pr as IconGoogleLogo,
-  ar as IconLock,
-  ur as IconMinus,
-  lr as IconPhone,
-  cr as IconPlus,
-  fr as IconXMark,
-  _ as LinkAuth,
-  K as LinkAuthError,
-  Pr as LinkAuthFlow,
-  Rr as LinkAuthFlowBackButton,
-  _r as LinkAuthItem,
-  Vr as LinkAuthItems,
-  N as LinkAuthModal,
-  j as LinkAuthModalContent,
-  G as LinkAuthModalTrigger,
-  jr as LinkAuthTitle,
-  so as Modal,
-  uo as ModalClose,
-  co as ModalContent,
-  go as ModalDescription,
-  Io as ModalTitle,
-  Mo as ModalTrigger,
-  f as OAUTH_METHODS,
-  q as SendEvmTransactionButton,
-  J as SendSolanaTransactionButton,
-  Y as SignIn,
-  zr as SignInAuthMethodButtons,
-  Qr as SignInBackButton,
-  Zr as SignInDescription,
-  ot as SignInFooter,
-  tt as SignInForm,
-  nt as SignInImage,
-  ro as SignInModal,
-  to as SignInModalContent,
-  eo as SignInModalTrigger,
-  mt as SignInTitle,
-  po as SignOutButton,
-  ao as ThemeProvider,
-  To as borderRadius,
-  ko as borderRadiusComponents,
-  Fo as borderRadiusSemantic,
-  Ir as clamp,
-  Lo as colors,
-  Bo as colorsBase,
-  Wo as colorsComponents,
-  yo as colorsSemantic,
-  Ao as cssVariables,
-  Ho as flattenTokensObject,
-  bo as font,
-  vo as fontComponents,
-  wo as fontSemantic,
-  Cr as getMessageFromUnknownError,
-  hr as isApiError,
-  Sr as isEmailInvalid,
-  kr as parseValuesFromPhoneNumber,
-  Lr as sendIframeMessage,
-  Eo as theme,
-  Oo as themeToCssVariables,
-  Do as tokens,
-  s as useAppConfig,
-  wr as useFundContext,
-  Xr as useLinkAuthContext,
-  Hr as useLinkAuthFlow,
-  u as useProviderName,
-  xt as useSignInContext,
-  $ as useSignInReducer,
-  xo as useTheme
+  p as ALL_AUTH_METHODS,
+  m as AUTH_METHODS,
+  a as AuthButton,
+  Vo as Button,
+  x as CDPReactProvider,
+  C as CopyAddress,
+  h as CopyEvmKeyButton,
+  S as CopySolanaKeyButton,
+  y as EnrollMfa,
+  Zr as EnrollMfaDescription,
+  k as EnrollMfaError,
+  oe as EnrollMfaFlow,
+  ee as EnrollMfaFlowBackButton,
+  ne as EnrollMfaFooter,
+  ae as EnrollMfaImage,
+  pe as EnrollMfaItem,
+  xe as EnrollMfaItems,
+  B as EnrollMfaModal,
+  L as EnrollMfaModalContent,
+  w as EnrollMfaModalTrigger,
+  se as EnrollMfaTitle,
+  D as ExportWallet,
+  b as ExportWalletCopyAddress,
+  P as ExportWalletCopyKeyButton,
+  v as ExportWalletFooter,
+  O as ExportWalletModal,
+  H as ExportWalletModalClose,
+  R as ExportWalletModalContent,
+  U as ExportWalletModalTitle,
+  _ as ExportWalletModalTrigger,
+  K as ExportWalletTitle,
+  N as ExportWalletWarning,
+  G as Fund,
+  X as FundFooter,
+  ge as FundForm,
+  z as FundModal,
+  J as FundModalContent,
+  Q as FundModalTrigger,
+  Ce as FundTitle,
+  er as IconAppleLogo,
+  nr as IconArrowLeft,
+  ar as IconArrowsUpDown,
+  pr as IconCheck,
+  xr as IconCheckCircle,
+  sr as IconChevronDown,
+  ur as IconCopy,
+  cr as IconEnvelope,
+  gr as IconExclamationCircle,
+  Cr as IconExclamationTriangle,
+  hr as IconGoogleLogo,
+  Sr as IconLock,
+  yr as IconMinus,
+  Vr as IconPhone,
+  Lr as IconPinCode,
+  Wr as IconPlus,
+  br as IconShield,
+  vr as IconSmartPhone,
+  Hr as IconXMark,
+  Z as LinkAuth,
+  $ as LinkAuthError,
+  Se as LinkAuthFlow,
+  ke as LinkAuthFlowBackButton,
+  Be as LinkAuthItem,
+  we as LinkAuthItems,
+  ro as LinkAuthModal,
+  eo as LinkAuthModalContent,
+  to as LinkAuthModalTrigger,
+  De as LinkAuthTitle,
+  Lo as Modal,
+  wo as ModalClose,
+  Wo as ModalContent,
+  Do as ModalDescription,
+  bo as ModalTitle,
+  Po as ModalTrigger,
+  i as OAUTH_METHODS,
+  fo as SendEvmTransactionButton,
+  lo as SendSolanaTransactionButton,
+  mo as SignIn,
+  Oe as SignInAuthMethodButtons,
+  Re as SignInBackButton,
+  _e as SignInDescription,
+  Ne as SignInFooter,
+  Ge as SignInForm,
+  qe as SignInImage,
+  Mo as SignInModal,
+  uo as SignInModalContent,
+  co as SignInModalTrigger,
+  Je as SignInTitle,
+  go as SignOutButton,
+  Co as ThemeProvider,
+  s as VerifyMfa,
+  $e as VerifyMfaDescription,
+  tt as VerifyMfaFlow,
+  rt as VerifyMfaFooter,
+  ft as VerifyMfaImage,
+  Ao as VerifyMfaInline,
+  So as VerifyMfaInlineBackButton,
+  Fo as VerifyMfaInlineFlow,
+  M as VerifyMfaModal,
+  u as VerifyMfaModalContent,
+  d as VerifyMfaModalTrigger,
+  lt as VerifyMfaTitle,
+  _o as borderRadius,
+  Ko as borderRadiusComponents,
+  No as borderRadiusSemantic,
+  Ur as clamp,
+  jo as colors,
+  Go as colorsBase,
+  Xo as colorsComponents,
+  qo as colorsSemantic,
+  Oo as cssVariables,
+  $o as flattenTokensObject,
+  zo as font,
+  Jo as fontComponents,
+  Qo as fontSemantic,
+  Kr as getMessageFromUnknownError,
+  jr as isApiError,
+  Xr as isEmailInvalid,
+  zr as parseValuesFromPhoneNumber,
+  Qr as sendIframeMessage,
+  Ro as theme,
+  or as themeToCssVariables,
+  Yo as tokens,
+  c as useAppConfig,
+  ue as useEnrollMfaContext,
+  ce as useEnrollMfaFlow,
+  he as useFundContext,
+  Pe as useLinkAuthContext,
+  Fe as useLinkAuthFlow,
+  I as useProviderName,
+  Ye as useSignInContext,
+  io as useSignInReducer,
+  To as useTheme,
+  mt as useVerifyMfaContext,
+  yo as useVerifyMfaInlineContext,
+  g as useVerifyMfaModal
 };

package/dist/theme/theme.d.ts

@@ -2,6 +2,9 @@ import { borderRadiusSemantic, borderRadiusComponents, colorsSemantic, colorsCom
 import { Flattened } from './utils';
 export declare const theme: Flattened<{
     borderRadius: {
+        readonly badge: {
+            readonly value: "{borderRadius.full}";
+        };
         readonly banner: {
             readonly value: "{borderRadius.lg}";
         };
@@ -382,6 +385,97 @@ export declare const theme: Flattened<{
                 };
             };
         };
+        readonly badge: {
+            readonly primary: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.primaryWash}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.primary}";
+                    };
+                };
+            };
+            readonly secondary: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.secondary}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.onSecondary}";
+                    };
+                };
+            };
+            readonly warning: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.warningWash}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.warning}";
+                    };
+                };
+            };
+        };
+        readonly banner: {
+            readonly error: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.negativeWash}";
+                    };
+                };
+                readonly icon: {
+                    readonly default: {
+                        readonly value: "{colors.fg.negative}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.onNegativeWash}";
+                    };
+                };
+            };
+            readonly success: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.positiveWash}";
+                    };
+                };
+                readonly icon: {
+                    readonly default: {
+                        readonly value: "{colors.fg.positive}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.onPositiveWash}";
+                    };
+                };
+            };
+            readonly warning: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.warningWash}";
+                    };
+                };
+                readonly icon: {
+                    readonly default: {
+                        readonly value: "{colors.fg.warning}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.onWarningWash}";
+                    };
+                };
+            };
+        };
         readonly bg: {
             readonly default: {
                 readonly value: "#ffffff";
@@ -412,6 +506,13 @@ export declare const theme: Flattened<{
             readonly secondary: {
                 readonly value: "#eef0f3";
             };
+            readonly primaryWash: {
+                readonly value: "{colors.fg.primary}";
+                readonly modify: {
+                    readonly type: "color-mix";
+                    readonly value: readonly [readonly ["{colors.bg.default}", "92%"]];
+                };
+            };
             readonly positiveWash: {
                 readonly value: "{colors.fg.positive}";
                 readonly modify: {
@@ -459,6 +560,9 @@ export declare const theme: Flattened<{
             readonly warning: {
                 readonly value: "#ed702f";
             };
+            readonly onPrimaryWash: {
+                readonly value: "{colors.fg.onPrimary}";
+            };
             readonly onPositiveWash: {
                 readonly value: "{colors.fg.default}";
             };