@stakekit/widget 0.0.276 → 0.0.278

package/dist/types/components/atoms/box/index.d.ts

@@ -24,9 +24,9 @@ export declare const Box: import("react").ForwardRefExoticComponent<Omit<AllHTML
     readonly borderWidth?: 1 | 2 | 3 | 0.5 | undefined;
     readonly borderStyle?: "solid" | undefined;
     readonly overflowWrap?: "normal" | "break-word" | "anywhere" | undefined;
-    readonly color?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
-    readonly background?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
-    readonly borderColor?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
+    readonly color?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
+    readonly background?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
+    readonly borderColor?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
 } & {
     readonly display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
         mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;

package/dist/types/components/atoms/button/styles.css.d.ts

@@ -76,6 +76,9 @@ export declare const buttonStyle: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     size: {
         regular: string;
+        compact: (string | {
+            borderRadius: `var(--${string})`;
+        })[];
         small: string[];
     };
 }>;

package/dist/types/components/atoms/divider/styles.css.d.ts

@@ -1,8 +1,6 @@
 export declare const divider: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: string;
-        utila: {
-            background: "#e4e4e7";
-        };
+        utila: string;
     };
 }>;

package/dist/types/components/atoms/max-button/styles.css.d.ts

@@ -1,20 +1,14 @@
 export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: string;
-        utila: ({
+        utila: (string | {
             borderRadius: "4px";
-            background?: undefined;
-        } | {
-            background: "#F4F5FF";
-            borderRadius?: undefined;
         })[];
     };
 }>;
 export declare const text: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: string;
-        utila: (string | {
-            color: "#5C70FF";
-        })[];
+        utila: string[];
     };
 }>;

package/dist/types/components/atoms/select-modal/styles.css.d.ts

@@ -7,14 +7,6 @@ export declare const selectModalGroupLabel: string;
 export declare const selectedListItem: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: {};
-        utila: {
-            background: "#4A60FF14";
-            border: "1px solid #4A60FF";
-            selectors: {
-                "&:hover": {
-                    background: "#4A60FF14";
-                };
-            };
-        };
+        utila: {};
     };
 }>;

package/dist/types/components/molecules/summary-item/index.css.d.ts

@@ -1,7 +1,9 @@
 import { type RecipeVariants } from "@vanilla-extract/recipes";
 export declare const summaryContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: string[];
+        default: {
+            gap: "24px";
+        };
         utila: {
             gap: "24px";
         };
@@ -22,10 +24,11 @@ export declare const summaryItem: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     variant: {
         default: (string | {
-            boxShadow: "0px 15px 30px 0px #0000000D";
+            borderRadius: "8px";
+            borderWidth: "1px";
+            borderStyle: "solid";
         })[];
         utila: (string | {
-            borderColor: "#e4e4e7";
             borderRadius: "8px";
             borderWidth: "1px";
             borderStyle: "solid";
@@ -42,9 +45,9 @@ export declare const summaryItem: import("@vanilla-extract/recipes").RuntimeFn<{
 }>;
 export declare const summaryNumber: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {
-            fontSize: "28px";
-        };
+        default: (string | {
+            fontSize: "18px";
+        })[];
         utila: (string | {
             fontSize: "18px";
         })[];
@@ -60,8 +63,8 @@ export declare const summaryNumber: import("@vanilla-extract/recipes").RuntimeFn
 export declare const summaryLabelContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: {
-            borderRadius: "9px";
-            padding: "12px 10px";
+            borderRadius: "4px";
+            padding: "2px 6px";
         };
         utila: {
             borderRadius: "4px";
@@ -78,22 +81,25 @@ export declare const summaryLabelContainer: import("@vanilla-extract/recipes").R
     };
     type: {
         staked: {
-            background: "#F0EDFA";
-            color: "#5A36C0";
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         apy: {
-            background: "#EDF1F5";
-            color: "#0059AB";
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
         available: {
-            background: "#EDF6F3";
-            color: "#00794E";
+            background: `var(--${string})`;
+            color: `var(--${string})`;
         };
     };
 }>;
 export declare const summaryLabel: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {};
+        default: {
+            color: "inherit";
+            fontSize: "12px";
+        };
         utila: {
             color: "inherit";
             fontSize: "12px";

package/dist/types/domain/types/external-providers.d.ts

@@ -2,12 +2,17 @@ import { EitherAsync } from "purify-ts";
 import type { RefObject } from "react";
 import type { SKExternalProviders } from "./wallets";
 import type { SKTx, SKTxMeta } from "./wallets/generic-wallet";
+export declare class ExternalProviderError extends Error {
+    readonly customMessage: string | null;
+    _tag: string;
+    constructor(customMessage: string | null, cause?: unknown);
+}
 export declare class ExternalProvider {
     private variantProvider;
     constructor(variantProvider: RefObject<SKExternalProviders>);
-    sendTransaction(tx: SKTx, txMeta: SKTxMeta): EitherAsync<string | Error, string>;
+    sendTransaction(tx: SKTx, txMeta: SKTxMeta): EitherAsync<Error | ExternalProviderError, string>;
     switchChain({ chainId }: {
         chainId: number;
     }): EitherAsync<Error, void>;
-    signMessage(messageHash: string): EitherAsync<Error, string>;
+    signMessage(messageHash: string): EitherAsync<ExternalProviderError, string>;
 }

package/dist/types/domain/types/yields.d.ts

@@ -89,6 +89,7 @@ export declare const getYieldOutputToken: (yieldDto: YieldBase) => import("purif
     readonly isPoints?: boolean;
     readonly coinGeckoId?: string;
 }>;
+export declare const hasYieldBearingOutputToken: (yieldDto: YieldBase) => boolean;
 export declare const isUnstakeYieldType: (yieldType: ExtendedYieldType) => yieldType is "native_staking" | "staking" | "restaking" | "pooled_staking";
 export declare const isDepositYieldType: (yieldType: ExtendedYieldType) => yieldType is "vault" | "lending" | "fixed_yield" | "real_world_asset" | "concentrated_liquidity_pool" | "liquidity_pool";
 export declare const getYieldTypeLabels: (yieldDto: YieldBase, t: TFunction) => YieldTypeLabelsMap[keyof YieldTypeLabelsMap];

package/dist/types/pages/details/activity-page/components/activity-filters/styles.css.d.ts

@@ -9,7 +9,7 @@ export declare const filterCount: import("@vanilla-extract/recipes").RuntimeFn<{
     state: {
         default: string;
         active: {
-            background: "rgba(255, 255, 255, 0.2)";
+            background: `color-mix(in srgb, var(--${string}) 18%, transparent)`;
         };
     };
 }>;

package/dist/types/pages/details/earn-page/components/select-token-section/styles.css.d.ts

@@ -1,7 +1,9 @@
 export declare const priceTxt: string;
 export declare const selectTokenSection: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: string;
+        default: {
+            background: "transparent";
+        };
         utila: {
             background: "transparent";
         };
@@ -17,7 +19,9 @@ export declare const selectTokenSection: import("@vanilla-extract/recipes").Runt
 }>;
 export declare const selectTokenTitle: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {};
+        default: {
+            fontSize: "14px";
+        };
         utila: {
             fontSize: "14px";
         };

package/dist/types/pages/steps/hooks/errors.d.ts

@@ -2,7 +2,9 @@ export declare class SignError extends Error {
     _tag: string;
     txId: string;
     network: string;
-    constructor({ network, txId }: {
+    customMessage: string | null;
+    constructor({ customMessage, network, txId, }: {
+        customMessage?: string | null;
         txId: string;
         network: string;
     });

package/dist/types/pages/steps/hooks/use-steps-machine.hook.d.ts

@@ -8,7 +8,7 @@ type TxMeta = {
     url: string | null;
     signedTx: string | null;
     broadcasted: boolean | null;
-    signError: SendTransactionError | TransactionDecodeError | null;
+    signError: SendTransactionError | TransactionDecodeError | SignError | null;
     txCheckError: GetStakeSessionError | null;
     done: boolean;
 };

package/dist/types/pages/steps/hooks/use-steps.hook.d.ts

@@ -16,12 +16,13 @@ export declare const useSteps: ({ inputToken, session, onSignSuccess, providersD
             url: string | null;
             signedTx: string | null;
             broadcasted: boolean | null;
-            signError: import("../../../providers/sk-wallet/errors").SendTransactionError | import("../../../providers/sk-wallet/errors").TransactionDecodeError | null;
+            signError: import("../../../providers/sk-wallet/errors").SendTransactionError | import("../../../providers/sk-wallet/errors").TransactionDecodeError | import("./errors").SignError | null;
             txCheckError: import("./errors").GetStakeSessionError | null;
             done: boolean;
         };
     }[];
     cta: PageCta;
+    customSignErrorMessage: string | null;
 };
 export declare enum TxStateEnum {
     SIGN_IDLE = 0,

package/dist/types/pages/steps/pages/styles.css.d.ts

@@ -4,3 +4,4 @@ export declare const stepsBefore: string;
 export declare const stepsBeforeMuted: string;
 export declare const halfOpacityAfter: string;
 export declare const utilaPendingApprovalsBanner: string;
+export declare const stepsErrorBanner: string;

package/dist/types/pages-dashboard/common/components/styles.css.d.ts

@@ -1,7 +1,7 @@
 export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: {
-            borderRadius: "30px";
+            borderRadius: "14px";
         };
         utila: {
             borderRadius: "14px";
@@ -42,8 +42,6 @@ export declare const tabPageContainer: import("@vanilla-extract/recipes").Runtim
 export declare const tabPageDivider: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: string[];
-        utila: {
-            background: "#e4e4e7";
-        }[];
+        utila: string[];
     };
 }>;

package/dist/types/pages-dashboard/common/components/tabs/styles.css.d.ts

@@ -3,7 +3,7 @@ export declare const tabsGroupDivider: string;
 export declare const tab: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         default: {
-            borderRadius: "9999px";
+            borderRadius: "8px";
             padding: "8px 16px";
         }[];
         utila: {
@@ -22,9 +22,7 @@ export declare const tab: import("@vanilla-extract/recipes").RuntimeFn<{
 export declare const tabBorder: string;
 export declare const tabContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {
-            minWidth: "74px";
-        };
+        default: {};
         utila: {};
         porto: {};
         finery: {
@@ -37,12 +35,13 @@ export declare const tabText: import("@vanilla-extract/recipes").RuntimeFn<{
         selected: {};
     };
     variant: {
-        default: {};
+        default: (string | {
+            fontSize: "14px";
+        })[];
         utila: (string | {
             fontSize: "14px";
         })[];
         porto: (string | {
-            color: "#87899C";
             fontSize: "14px";
         })[];
     };
@@ -51,7 +50,9 @@ export declare const tabsContainer: import("@vanilla-extract/recipes").RuntimeFn
     variant: {
         default: {
             gap: "4px";
-            padding: "16px 24px";
+            padding: "8px";
+            paddingLeft: "24px";
+            paddingRight: "24px";
         };
         utila: {
             gap: "4px";

package/dist/types/pages-dashboard/overview/earn-details/earn-details-formatters.d.ts

@@ -16,7 +16,7 @@ export declare const formatProviderTvl: (tvl: string | number | null | undefined
 export declare const formatProviderStatus: (status: string | null | undefined) => string | null;
 export declare const formatProviderWebsite: (website: string) => string;
 export declare const formatProviderWebsiteHref: (website: string) => string;
-export declare const formatRewardTokenLabel: (yieldDto: Yield) => string;
+export declare const formatRewardTokenLabel: (yieldDto: Yield, t: TFunction) => string;
 export declare const formatPricePerShare: (yieldDto: Yield) => string | null;
 export declare const formatCooldownDays: (days: number, t: TFunction) => string;
 export declare const formatRewardClaiming: (yieldDto: Yield, t: TFunction) => string;

package/dist/types/pages-dashboard/overview/earn-page/styles.css.d.ts

@@ -1,19 +1,15 @@
 export declare const container: string;
 export declare const changeButton: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {};
-        utila: {
-            color: "#4A60FF";
-        };
-        porto: {
-            color: "#AB95FF";
-        };
+        default: string;
+        utila: string;
+        porto: string;
         finery: {};
     };
 }>;
 export declare const selectTokenTitleContainer: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: {};
+        default: string;
         utila: string;
         porto: string;
     };

package/dist/types/pages-dashboard/overview/positions/styles.css.d.ts

@@ -11,7 +11,9 @@ export declare const sectionHeader: string;
 export declare const sectionTitle: string;
 export declare const positionsTitle: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
-        default: string;
+        default: {
+            fontSize: "16px";
+        };
         utila: {
             fontSize: "16px";
         };

package/dist/types/providers/sk-wallet/errors.d.ts

@@ -4,8 +4,9 @@ export declare class SafeFailedError extends Error {
     constructor(type: SafeFailedError["type"]);
 }
 export declare class SendTransactionError extends Error {
+    readonly customMessage: string | null;
     _tag: string;
-    constructor(cause?: unknown);
+    constructor(cause?: unknown, customMessage?: string | null);
 }
 export declare class TransactionDecodeError extends Error {
     _tag: string;

package/dist/types/providers/theme-wrapper.d.ts

@@ -1,2 +1,9 @@
 import type { PropsWithChildren } from "react";
+import { lightTheme } from "../styles/theme/themes";
+import type { RecursivePartial } from "../types/utils";
+import type { SettingsContextType } from "./settings/types";
+export declare const getThemeOverrides: ({ baseTheme, variant, }: {
+    baseTheme: typeof lightTheme;
+    variant: SettingsContextType["variant"];
+}) => RecursivePartial<typeof lightTheme>;
 export declare const ThemeWrapper: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/types/styles/theme/atoms.css.d.ts

@@ -14,9 +14,9 @@ export declare const atoms: ((props: {
     readonly borderWidth?: 1 | 2 | 3 | 0.5 | undefined;
     readonly borderStyle?: "solid" | undefined;
     readonly overflowWrap?: "normal" | "break-word" | "anywhere" | undefined;
-    readonly color?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
-    readonly background?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
-    readonly borderColor?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | undefined;
+    readonly color?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
+    readonly background?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
+    readonly borderColor?: "connectKit" | "text" | "white" | "transparent" | "primary" | "accent" | "disabled" | "textMuted" | "textDanger" | "background" | "backgroundMuted" | "tokenSelectBackground" | "tokenSelectHoverBackground" | "tokenSelectBorder" | "tokenSelect" | "skeletonLoaderBase" | "skeletonLoaderHighlight" | "tabBorder" | "stakeSectionBackground" | "dropdownBackground" | "selectValidatorMultiSelectedBackground" | "selectValidatorMultiDefaultBackground" | "warningBoxBackground" | "errorBoxBackground" | "positionsClaimRewardsBackground" | "positionsActionRequiredBackground" | "positionsPendingBackground" | "positionsRewardRate" | "modalOverlayBackground" | "modalBodyBackground" | "tooltipBackground" | "primaryButtonColor" | "primaryButtonBackground" | "secondaryButtonColor" | "secondaryButtonBackground" | "smallButtonColor" | "smallButtonBackground" | "smallLightButtonColor" | "smallLightButtonBackground" | "disabledButtonColor" | "disabledButtonBackground" | "dashboardDetailsSectionBackground" | "summaryItemBackground" | "summaryLabelStakedBackground" | "summaryLabelStakedColor" | "summaryLabelApyBackground" | "summaryLabelApyColor" | "summaryLabelAvailableBackground" | "summaryLabelAvailableColor" | undefined;
 } & {
     readonly display?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | {
         mobile?: "none" | "flex" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;

package/dist/types/styles/theme/contract.css.d.ts

@@ -12,6 +12,7 @@ export declare const vars: {
         backgroundMuted: `var(--${string})`;
         tokenSelectBackground: `var(--${string})`;
         tokenSelectHoverBackground: `var(--${string})`;
+        tokenSelectBorder: `var(--${string})`;
         tokenSelect: `var(--${string})`;
         skeletonLoaderBase: `var(--${string})`;
         skeletonLoaderHighlight: `var(--${string})`;
@@ -21,6 +22,7 @@ export declare const vars: {
         selectValidatorMultiSelectedBackground: `var(--${string})`;
         selectValidatorMultiDefaultBackground: `var(--${string})`;
         warningBoxBackground: `var(--${string})`;
+        errorBoxBackground: `var(--${string})`;
         positionsClaimRewardsBackground: `var(--${string})`;
         positionsActionRequiredBackground: `var(--${string})`;
         positionsPendingBackground: `var(--${string})`;
@@ -40,6 +42,12 @@ export declare const vars: {
         disabledButtonBackground: `var(--${string})`;
         dashboardDetailsSectionBackground: `var(--${string})`;
         summaryItemBackground: `var(--${string})`;
+        summaryLabelStakedBackground: `var(--${string})`;
+        summaryLabelStakedColor: `var(--${string})`;
+        summaryLabelApyBackground: `var(--${string})`;
+        summaryLabelApyColor: `var(--${string})`;
+        summaryLabelAvailableBackground: `var(--${string})`;
+        summaryLabelAvailableColor: `var(--${string})`;
         connectKit: {
             accentColor: `var(--${string})`;
             accentColorForeground: `var(--${string})`;

package/dist/types/styles/theme/properties.d.ts

@@ -88,6 +88,7 @@ export declare const unresponsiveProperties: {
         backgroundMuted: `var(--${string})`;
         tokenSelectBackground: `var(--${string})`;
         tokenSelectHoverBackground: `var(--${string})`;
+        tokenSelectBorder: `var(--${string})`;
         tokenSelect: `var(--${string})`;
         skeletonLoaderBase: `var(--${string})`;
         skeletonLoaderHighlight: `var(--${string})`;
@@ -97,6 +98,7 @@ export declare const unresponsiveProperties: {
         selectValidatorMultiSelectedBackground: `var(--${string})`;
         selectValidatorMultiDefaultBackground: `var(--${string})`;
         warningBoxBackground: `var(--${string})`;
+        errorBoxBackground: `var(--${string})`;
         positionsClaimRewardsBackground: `var(--${string})`;
         positionsActionRequiredBackground: `var(--${string})`;
         positionsPendingBackground: `var(--${string})`;
@@ -116,6 +118,12 @@ export declare const unresponsiveProperties: {
         disabledButtonBackground: `var(--${string})`;
         dashboardDetailsSectionBackground: `var(--${string})`;
         summaryItemBackground: `var(--${string})`;
+        summaryLabelStakedBackground: `var(--${string})`;
+        summaryLabelStakedColor: `var(--${string})`;
+        summaryLabelApyBackground: `var(--${string})`;
+        summaryLabelApyColor: `var(--${string})`;
+        summaryLabelAvailableBackground: `var(--${string})`;
+        summaryLabelAvailableColor: `var(--${string})`;
         connectKit: {
             accentColor: `var(--${string})`;
             accentColorForeground: `var(--${string})`;
@@ -162,6 +170,7 @@ export declare const unresponsiveProperties: {
         backgroundMuted: `var(--${string})`;
         tokenSelectBackground: `var(--${string})`;
         tokenSelectHoverBackground: `var(--${string})`;
+        tokenSelectBorder: `var(--${string})`;
         tokenSelect: `var(--${string})`;
         skeletonLoaderBase: `var(--${string})`;
         skeletonLoaderHighlight: `var(--${string})`;
@@ -171,6 +180,7 @@ export declare const unresponsiveProperties: {
         selectValidatorMultiSelectedBackground: `var(--${string})`;
         selectValidatorMultiDefaultBackground: `var(--${string})`;
         warningBoxBackground: `var(--${string})`;
+        errorBoxBackground: `var(--${string})`;
         positionsClaimRewardsBackground: `var(--${string})`;
         positionsActionRequiredBackground: `var(--${string})`;
         positionsPendingBackground: `var(--${string})`;
@@ -190,6 +200,12 @@ export declare const unresponsiveProperties: {
         disabledButtonBackground: `var(--${string})`;
         dashboardDetailsSectionBackground: `var(--${string})`;
         summaryItemBackground: `var(--${string})`;
+        summaryLabelStakedBackground: `var(--${string})`;
+        summaryLabelStakedColor: `var(--${string})`;
+        summaryLabelApyBackground: `var(--${string})`;
+        summaryLabelApyColor: `var(--${string})`;
+        summaryLabelAvailableBackground: `var(--${string})`;
+        summaryLabelAvailableColor: `var(--${string})`;
         connectKit: {
             accentColor: `var(--${string})`;
             accentColorForeground: `var(--${string})`;
@@ -236,6 +252,7 @@ export declare const unresponsiveProperties: {
         backgroundMuted: `var(--${string})`;
         tokenSelectBackground: `var(--${string})`;
         tokenSelectHoverBackground: `var(--${string})`;
+        tokenSelectBorder: `var(--${string})`;
         tokenSelect: `var(--${string})`;
         skeletonLoaderBase: `var(--${string})`;
         skeletonLoaderHighlight: `var(--${string})`;
@@ -245,6 +262,7 @@ export declare const unresponsiveProperties: {
         selectValidatorMultiSelectedBackground: `var(--${string})`;
         selectValidatorMultiDefaultBackground: `var(--${string})`;
         warningBoxBackground: `var(--${string})`;
+        errorBoxBackground: `var(--${string})`;
         positionsClaimRewardsBackground: `var(--${string})`;
         positionsActionRequiredBackground: `var(--${string})`;
         positionsPendingBackground: `var(--${string})`;
@@ -264,6 +282,12 @@ export declare const unresponsiveProperties: {
         disabledButtonBackground: `var(--${string})`;
         dashboardDetailsSectionBackground: `var(--${string})`;
         summaryItemBackground: `var(--${string})`;
+        summaryLabelStakedBackground: `var(--${string})`;
+        summaryLabelStakedColor: `var(--${string})`;
+        summaryLabelApyBackground: `var(--${string})`;
+        summaryLabelApyColor: `var(--${string})`;
+        summaryLabelAvailableBackground: `var(--${string})`;
+        summaryLabelAvailableColor: `var(--${string})`;
         connectKit: {
             accentColor: `var(--${string})`;
             accentColorForeground: `var(--${string})`;

package/dist/types/styles/theme/themes.d.ts

@@ -12,6 +12,7 @@ export declare const lightTheme: {
         backgroundMuted: string;
         tokenSelectBackground: string;
         tokenSelectHoverBackground: string;
+        tokenSelectBorder: string;
         tokenSelect: string;
         skeletonLoaderBase: string;
         skeletonLoaderHighlight: string;
@@ -21,6 +22,7 @@ export declare const lightTheme: {
         selectValidatorMultiSelectedBackground: string;
         selectValidatorMultiDefaultBackground: string;
         warningBoxBackground: string;
+        errorBoxBackground: string;
         positionsClaimRewardsBackground: string;
         positionsActionRequiredBackground: string;
         positionsPendingBackground: string;
@@ -40,6 +42,12 @@ export declare const lightTheme: {
         disabledButtonBackground: string;
         dashboardDetailsSectionBackground: string;
         summaryItemBackground: string;
+        summaryLabelStakedBackground: string;
+        summaryLabelStakedColor: string;
+        summaryLabelApyBackground: string;
+        summaryLabelApyColor: string;
+        summaryLabelAvailableBackground: string;
+        summaryLabelAvailableColor: string;
     } & {
         connectKit: import("../tokens/connect-kit").ConnectKitTheme["colors"];
     };
@@ -232,6 +240,7 @@ export declare const darkTheme: {
         backgroundMuted: string;
         tokenSelectBackground: string;
         tokenSelectHoverBackground: string;
+        tokenSelectBorder: string;
         tokenSelect: string;
         skeletonLoaderBase: string;
         skeletonLoaderHighlight: string;
@@ -241,6 +250,7 @@ export declare const darkTheme: {
         selectValidatorMultiSelectedBackground: string;
         selectValidatorMultiDefaultBackground: string;
         warningBoxBackground: string;
+        errorBoxBackground: string;
         positionsClaimRewardsBackground: string;
         positionsActionRequiredBackground: string;
         positionsPendingBackground: string;
@@ -260,6 +270,12 @@ export declare const darkTheme: {
         disabledButtonBackground: string;
         dashboardDetailsSectionBackground: string;
         summaryItemBackground: string;
+        summaryLabelStakedBackground: string;
+        summaryLabelStakedColor: string;
+        summaryLabelApyBackground: string;
+        summaryLabelApyColor: string;
+        summaryLabelAvailableBackground: string;
+        summaryLabelAvailableColor: string;
     } & {
         connectKit: import("../tokens/connect-kit").ConnectKitTheme["colors"];
     };