@coinbase/cdp-react 0.0.23 → 0.0.25

package/dist/index.js

@@ -1,77 +1,94 @@
 import { AUTH_METHODS as e, CDPReactProvider as t, useAppConfig as n } from "./components/CDPReactProvider/index.js";
 import { AuthButton as p } from "./components/AuthButton/index.js";
-import { SendTransactionButton as x } from "./components/SendTransactionButton/index.js";
-import { SignIn as s } from "./components/SignIn/index.js";
-import { useSignInReducer as a } from "./components/SignIn/useSignInReducer.js";
-import { SignOutButton as l } from "./components/SignOutButton/index.js";
-import { SignInModal as u } from "./components/SignInModal/index.js";
-import { ThemeProvider as h, useTheme as C } from "./components/ThemeProvider/index.js";
-import { cssVariables as d } from "./theme/cssVariables.js";
-import { theme as A } from "./theme/theme.js";
-import { colors as E, colorsBase as M, colorsComponents as P, colorsSemantic as b, font as v, tokens as w } from "./theme/tokens.js";
-import { flattenTokensObject as F, themeToCssVariables as O } from "./theme/utils.js";
-import { IconArrowLeft as V } from "./icons/IconArrowLeft.js";
-import { IconArrowsUpDown as L } from "./icons/IconArrowsUpDown.js";
-import { IconCheckCircle as j } from "./icons/IconCheckCircle.js";
-import { IconEnvelope as X } from "./icons/IconEnvelope.js";
-import { IconExclamationCircle as q } from "./icons/IconExclamationCircle.js";
-import { IconLock as z } from "./icons/IconLock.js";
-import { IconPhone as J } from "./icons/IconPhone.js";
-import { IconXMark as Q } from "./icons/IconXMark.js";
-import { clamp as Y } from "./utils/clamp.js";
-import { getMessageFromUnknownError as $ } from "./utils/getMessageFromUnknownError.js";
-import { isApiError as ro } from "./utils/isApiError.js";
-import { isEmailInvalid as to } from "./utils/isEmailInvalid.js";
-import { parseValuesFromPhoneNumber as mo } from "./utils/parseValuesFromPhoneNumber.js";
-import { SignInAuthMethodButtons as fo } from "./components/SignIn/SignInAuthMethodButtons.js";
-import { SignInBackButton as io } from "./components/SignIn/SignInBackButton.js";
-import { SignInDescription as co } from "./components/SignIn/SignInDescription.js";
-import { SignInFooter as Io } from "./components/SignIn/SignInFooter.js";
-import { SignInForm as go } from "./components/SignIn/SignInForm.js";
-import { SignInImage as So } from "./components/SignIn/SignInImage.js";
-import { SignInTitle as Co } from "./components/SignIn/SignInTitle.js";
-import { useSignInContext as ko } from "./components/SignIn/SignInProvider.js";
+import { unstable_Fund as f, unstable_FundFooter as s } from "./components/Fund/index.js";
+import { unstable_FundModal as i } from "./components/FundModal/index.js";
+import { SendTransactionButton as c } from "./components/SendTransactionButton/index.js";
+import { SignIn as I } from "./components/SignIn/index.js";
+import { useSignInReducer as g } from "./components/SignIn/useSignInReducer.js";
+import { SignOutButton as S } from "./components/SignOutButton/index.js";
+import { SignInModal as C } from "./components/SignInModal/index.js";
+import { ThemeProvider as b, useTheme as k } from "./components/ThemeProvider/index.js";
+import { cssVariables as B } from "./theme/cssVariables.js";
+import { theme as _ } from "./theme/theme.js";
+import { colors as v, colorsBase as w, colorsComponents as D, colorsSemantic as P, font as O, tokens as U } from "./theme/tokens.js";
+import { flattenTokensObject as H, themeToCssVariables as L } from "./theme/utils.js";
+import { IconArrowLeft as j } from "./icons/IconArrowLeft.js";
+import { IconArrowsUpDown as X } from "./icons/IconArrowsUpDown.js";
+import { IconCheck as y } from "./icons/IconCheck.js";
+import { IconCheckCircle as G } from "./icons/IconCheckCircle.js";
+import { IconChevronDown as K } from "./icons/IconChevronDown.js";
+import { IconEnvelope as W } from "./icons/IconEnvelope.js";
+import { IconExclamationCircle as Z } from "./icons/IconExclamationCircle.js";
+import { IconExclamationTriangle as oo } from "./icons/IconExclamationTriangle.js";
+import { IconLock as eo } from "./icons/IconLock.js";
+import { IconPhone as no } from "./icons/IconPhone.js";
+import { IconXMark as po } from "./icons/IconXMark.js";
+import { clamp as fo } from "./utils/clamp.js";
+import { getMessageFromUnknownError as ao } from "./utils/getMessageFromUnknownError.js";
+import { isApiError as uo } from "./utils/isApiError.js";
+import { isEmailInvalid as lo } from "./utils/isEmailInvalid.js";
+import { parseValuesFromPhoneNumber as go } from "./utils/parseValuesFromPhoneNumber.js";
+import { FundForm as So } from "./components/Fund/FundForm.js";
+import { FundTitle as Co } from "./components/Fund/FundTitle.js";
+import { useFundContext as bo } from "./components/Fund/FundProvider.js";
+import { SignInAuthMethodButtons as Ao } from "./components/SignIn/SignInAuthMethodButtons.js";
+import { SignInBackButton as Eo } from "./components/SignIn/SignInBackButton.js";
+import { SignInDescription as Mo } from "./components/SignIn/SignInDescription.js";
+import { SignInFooter as wo } from "./components/SignIn/SignInFooter.js";
+import { SignInForm as Po } from "./components/SignIn/SignInForm.js";
+import { SignInImage as Uo } from "./components/SignIn/SignInImage.js";
+import { SignInTitle as Ho } from "./components/SignIn/SignInTitle.js";
+import { useSignInContext as Ro } from "./components/SignIn/SignInProvider.js";
 export {
   e as AUTH_METHODS,
   p as AuthButton,
   t as CDPReactProvider,
-  V as IconArrowLeft,
-  L as IconArrowsUpDown,
-  j as IconCheckCircle,
-  X as IconEnvelope,
-  q as IconExclamationCircle,
-  z as IconLock,
-  J as IconPhone,
-  Q as IconXMark,
-  x as SendTransactionButton,
-  s as SignIn,
-  fo as SignInAuthMethodButtons,
-  io as SignInBackButton,
-  co as SignInDescription,
-  Io as SignInFooter,
-  go as SignInForm,
-  So as SignInImage,
-  u as SignInModal,
-  Co as SignInTitle,
-  l as SignOutButton,
-  h as ThemeProvider,
-  Y as clamp,
-  E as colors,
-  M as colorsBase,
-  P as colorsComponents,
-  b as colorsSemantic,
-  d as cssVariables,
-  F as flattenTokensObject,
-  v as font,
-  $ as getMessageFromUnknownError,
-  ro as isApiError,
-  to as isEmailInvalid,
-  mo as parseValuesFromPhoneNumber,
-  A as theme,
-  O as themeToCssVariables,
-  w as tokens,
+  j as IconArrowLeft,
+  X as IconArrowsUpDown,
+  y as IconCheck,
+  G as IconCheckCircle,
+  K as IconChevronDown,
+  W as IconEnvelope,
+  Z as IconExclamationCircle,
+  oo as IconExclamationTriangle,
+  eo as IconLock,
+  no as IconPhone,
+  po as IconXMark,
+  c as SendTransactionButton,
+  I as SignIn,
+  Ao as SignInAuthMethodButtons,
+  Eo as SignInBackButton,
+  Mo as SignInDescription,
+  wo as SignInFooter,
+  Po as SignInForm,
+  Uo as SignInImage,
+  C as SignInModal,
+  Ho as SignInTitle,
+  S as SignOutButton,
+  b as ThemeProvider,
+  fo as clamp,
+  v as colors,
+  w as colorsBase,
+  D as colorsComponents,
+  P as colorsSemantic,
+  B as cssVariables,
+  H as flattenTokensObject,
+  O as font,
+  ao as getMessageFromUnknownError,
+  uo as isApiError,
+  lo as isEmailInvalid,
+  go as parseValuesFromPhoneNumber,
+  _ as theme,
+  L as themeToCssVariables,
+  U as tokens,
+  f as unstable_Fund,
+  s as unstable_FundFooter,
+  So as unstable_FundForm,
+  i as unstable_FundModal,
+  Co as unstable_FundTitle,
+  bo as unstable_useFundContext,
   n as useAppConfig,
-  ko as useSignInContext,
-  a as useSignInReducer,
-  C as useTheme
+  Ro as useSignInContext,
+  g as useSignInReducer,
+  k as useTheme
 };

package/dist/theme/theme.d.ts

@@ -154,6 +154,116 @@ export declare const theme: Flattened<{
                 };
             };
         };
+        readonly select: {
+            readonly label: {
+                readonly default: {
+                    readonly value: "{colors.fg.default}";
+                };
+            };
+            readonly trigger: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.default}";
+                    };
+                };
+                readonly border: {
+                    readonly default: {
+                        readonly value: "{colors.line.heavy}";
+                    };
+                    readonly focus: {
+                        readonly value: "{colors.line.primary}";
+                    };
+                    readonly error: {
+                        readonly value: "{colors.line.negative}";
+                    };
+                    readonly success: {
+                        readonly value: "{colors.line.positive}";
+                    };
+                };
+                readonly placeholder: {
+                    readonly default: {
+                        readonly value: "{colors.fg.muted}";
+                    };
+                };
+                readonly text: {
+                    readonly default: {
+                        readonly value: "{colors.fg.default}";
+                    };
+                };
+                readonly errorText: {
+                    readonly default: {
+                        readonly value: "{colors.fg.negative}";
+                    };
+                };
+                readonly successText: {
+                    readonly default: {
+                        readonly value: "{colors.fg.positive}";
+                    };
+                };
+            };
+            readonly list: {
+                readonly bg: {
+                    readonly default: {
+                        readonly value: "{colors.bg.default}";
+                    };
+                };
+                readonly border: {
+                    readonly default: {
+                        readonly value: "{colors.line.heavy}";
+                    };
+                    readonly focus: {
+                        readonly value: "{colors.line.primary}";
+                    };
+                    readonly error: {
+                        readonly value: "{colors.line.negative}";
+                    };
+                    readonly success: {
+                        readonly value: "{colors.line.positive}";
+                    };
+                };
+                readonly item: {
+                    readonly bg: {
+                        readonly default: {
+                            readonly value: "{colors.bg.default}";
+                        };
+                        readonly highlight: {
+                            readonly value: "{colors.bg.secondary}";
+                        };
+                    };
+                    readonly text: {
+                        readonly default: {
+                            readonly value: "{colors.fg.default}";
+                        };
+                        readonly muted: {
+                            readonly value: "{colors.fg.muted}";
+                        };
+                        readonly onHighlight: {
+                            readonly value: "{colors.fg.default}";
+                        };
+                        readonly mutedOnHighlight: {
+                            readonly value: "{colors.fg.muted}";
+                        };
+                    };
+                };
+            };
+        };
+        readonly code: {
+            readonly bg: {
+                readonly default: {
+                    readonly value: "{colors.bg.alternate}";
+                };
+            };
+            readonly border: {
+                readonly default: {
+                    readonly value: "{colors.line.heavy}";
+                };
+            };
+            readonly text: {
+                readonly default: {
+                    readonly value: "{colors.fg.default}";
+                };
+            };
+        };
         readonly bg: {
             readonly default: {
                 readonly value: "#ffffff";
@@ -204,6 +314,9 @@ export declare const theme: Flattened<{
             readonly negative: {
                 readonly value: "#cf202f";
             };
+            readonly warning: {
+                readonly value: "#ed702f";
+            };
         };
         readonly line: {
             readonly default: {
@@ -225,6 +338,9 @@ export declare const theme: Flattened<{
     };
     font: {
         readonly family: {
+            readonly mono: {
+                readonly value: "\"DM Mono\", monospace";
+            };
             readonly sans: {
                 readonly value: "\"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
             };
@@ -247,5 +363,7 @@ export type FontTokens = Flattened<{
 }>;
 export type ColorTokens = SemanticColors | ComponentColors;
 export type Theme = ColorTokens & FontTokens;
-export type ButtonVariant = "primary" | "secondary" | "linkPrimary" | "linkSecondary" | "transparentPrimary" | "transparentSecondary";
-export type ButtonSize = "lg" | "md" | "sm";
+export type ButtonVariant = "primary" | "secondary" | "linkPrimary" | "linkSecondary" | "transparentPrimary" | "transparentSecondary" | "control";
+export type Size = "lg" | "md" | "sm" | "xs";
+export type ButtonSize = Size | "none";
+export type InputSize = Size;