@funkit/connect 5.0.2 → 5.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/{chunk-LEZIQHUN.js → chunk-3LPXAPO7.js} +4 -0
  3. package/dist/{chunk-3OKZVQR2.js → chunk-TPZ2ZISU.js} +4 -0
  4. package/dist/components/Box/Box.d.ts +28 -28
  5. package/dist/components/Dialog/DialogContent.css.d.ts +2 -0
  6. package/dist/components/FunButton/FunButton.d.ts +2 -1
  7. package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryContent.d.ts +3 -2
  8. package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryDetail.d.ts +3 -1
  9. package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryHelp.d.ts +6 -2
  10. package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.css.d.ts +1 -0
  11. package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryTransaction.d.ts +4 -0
  12. package/dist/components/FunNotificationBanner/FunNotificationBanner.css.d.ts +1 -1
  13. package/dist/components/FunNotificationBanner/FunNotificationBanner.d.ts +3 -4
  14. package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.css.d.ts +4 -0
  15. package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts +3 -2
  16. package/dist/components/FunNotificationBanner/FunNotificationBannerSummary.d.ts +3 -7
  17. package/dist/components/FunNotificationBanner/FunNotificationShowMoreButton.d.ts +8 -0
  18. package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +1 -5
  19. package/dist/components/FunTransactionSummary/PaymentFeesSummary.css.d.ts +1 -0
  20. package/dist/components/Icons/Icons.css.d.ts +2 -0
  21. package/dist/components/Icons/SpinnerIconWithBackground.d.ts +6 -0
  22. package/dist/consts/layout.d.ts +1 -0
  23. package/dist/css/sprinkles.css.d.ts +36 -28
  24. package/dist/domains/checkoutState.d.ts +1 -0
  25. package/dist/hooks/queries/useCheckout.d.ts +3 -0
  26. package/dist/hooks/queries/useRecentCheckouts.d.ts +17 -0
  27. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +1 -1
  28. package/dist/hooks/useUpdateActiveFunkitCheckout.d.ts +8 -0
  29. package/dist/index.css +1536 -1257
  30. package/dist/index.d.ts +1 -1
  31. package/dist/index.js +2691 -1738
  32. package/dist/modals/CheckoutModal/CheckoutComplete/CheckoutComplete.d.ts +8 -3
  33. package/dist/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.d.ts +3 -0
  34. package/dist/modals/CheckoutModal/CheckoutHelp/CheckoutHelp.d.ts +9 -0
  35. package/dist/modals/CheckoutModal/CheckoutNotification.d.ts +12 -0
  36. package/dist/modals/CheckoutModal/CheckoutNotifications.d.ts +9 -0
  37. package/dist/modals/CheckoutModal/stepTransition.d.ts +10 -2
  38. package/dist/providers/FunkitCheckoutContext.d.ts +1 -0
  39. package/dist/providers/FunkitProvider.d.ts +0 -6
  40. package/dist/providers/FunkitThemeProvider.d.ts +12 -0
  41. package/dist/providers/GeneralWalletProvider.d.ts +8 -8
  42. package/dist/providers/ModalContext.d.ts +0 -4
  43. package/dist/themes/darkTheme.js +1 -1
  44. package/dist/themes/lightTheme.js +1 -1
  45. package/dist/utils/checkout.d.ts +5 -1
  46. package/dist/utils/checkoutHistory.d.ts +0 -8
  47. package/dist/utils/flags/config.d.ts +4 -0
  48. package/dist/wallets/walletConnectors/index.js +53 -53
  49. package/package.json +5 -5
  50. package/dist/modals/CheckoutModal/CheckoutComplete/useRedirectToCheckoutHistory.d.ts +0 -3
  51. package/dist/modals/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts +0 -10
  52. package/dist/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.css.d.ts +0 -3
  53. package/dist/providers/AppContext.d.ts +0 -20
  54. /package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutStatus.css.d.ts +0 -0
  55. /package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutStatus.d.ts +0 -0
  56. /package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/useCustomStatusAnimationAboveTopbar.d.ts +0 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 5.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - ba6febe: feat: add notification refresh fetch interval
8
+ - 75a0ce4: feat: expose useUpdateActiveFunkitCheckout
9
+ - 2fb518f: fix: display full address in token transfer
10
+ - 86b7d12: feat(connect): use target asset icon in notification
11
+ - 71a6851: feat: connect display info banner on token transfer and order review screens
12
+ - c2ee20f: feat: add flag CheckoutNotificationsRefreshInterval
13
+ - 92e0ee6: fix: fix deposit address in clientmetadata
14
+ - 56add83: fix: fix various styling bugs
15
+ - 2a11bf5: feat(connect): add animations to icons for notifications
16
+ - Updated dependencies [c2ee20f]
17
+ - Updated dependencies [2ab0bbd]
18
+ - @funkit/utils@1.0.7
19
+ - @funkit/core@2.3.8
20
+ - @funkit/api-base@1.5.7
21
+ - @funkit/wagmi-tools@3.0.30
22
+
3
23
  ## 6.0.0
4
24
 
5
25
  ### Major Changes
package/dist/{chunk-LEZIQHUN.js → chunk-3LPXAPO7.js} RENAMED
@@ -54,6 +54,7 @@ var lightTheme = ({
54
54
  hoverState: "#F0F0F0",
55
55
  lightStroke: "#F7F7F7",
56
56
  mediumStroke: "#F0F0F0",
57
+ heavyStroke: "#E5E5E5",
57
58
  strokeColor: "#E8E8E8",
58
59
  dydxSwitchActiveBackground: "#F7F7F7",
59
60
  //Text
@@ -94,6 +95,8 @@ var lightTheme = ({
94
95
  badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
95
96
  badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
96
97
  badgeTextSuccess: "rgb(124, 242, 136)",
98
+ announceGradientFrom: "#595959",
99
+ announceGradientTo: "#9C9C9C",
97
100
  // Override colors
98
101
  ...customColors || {}
99
102
  },
@@ -103,6 +106,7 @@ var lightTheme = ({
103
106
  selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
104
107
  selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
105
108
  dropdown: "0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
109
+ notification: "0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
106
110
  vertexDropdown: "box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
107
111
  // Override shadows
108
112
  ...customShadows || {}
package/dist/{chunk-3OKZVQR2.js → chunk-TPZ2ZISU.js} RENAMED
@@ -54,6 +54,7 @@ var darkTheme = ({
54
54
  hoverState: "#333333",
55
55
  lightStroke: "#333333",
56
56
  mediumStroke: "#333333",
57
+ heavyStroke: "rgba(117, 117, 117, 0.40)",
57
58
  strokeColor: "#333333",
58
59
  dydxSwitchActiveBackground: "#181825",
59
60
  //Text
@@ -94,6 +95,8 @@ var darkTheme = ({
94
95
  badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
95
96
  badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
96
97
  badgeTextSuccess: "rgb(124, 242, 136)",
98
+ announceGradientFrom: "#AAAAAA",
99
+ announceGradientTo: "#BEBEBE",
97
100
  // Override colors
98
101
  ...customColors || {}
99
102
  },
@@ -103,6 +106,7 @@ var darkTheme = ({
103
106
  selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
104
107
  selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
105
108
  dropdown: "0px 0px 0px 1px rgba(255, 255, 255, 0.16), 0px 2px 6px rgba(0, 0, 0, 0.03), 0px 4px 42px rgba(0, 0, 0, 0.06)",
109
+ notification: "0px 0px 0px 1px rgba(255, 255, 255, 0.20), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
106
110
  vertexDropdown: "box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
107
111
  // Override shadows
108
112
  ...customShadows || {}
package/dist/components/Box/Box.d.ts CHANGED
@@ -3,37 +3,37 @@ import * as React from 'react';
3
3
  export type BoxBorderType = Pick<BoxProps, 'borderColor' | 'borderStyle' | 'borderWidth'>;
4
4
  type HTMLProperties<T = HTMLElement> = Omit<React.AllHTMLAttributes<T>, 'as' | 'className' | 'color' | 'height' | 'width'>;
5
5
  export declare const Box: React.ForwardRefExoticComponent<{
6
- background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | {
7
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
8
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
9
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
10
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
11
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
12
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
6
+ background?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | {
7
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
8
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
9
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
10
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
11
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
12
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
13
13
  } | undefined;
14
- borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | {
15
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
16
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
17
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
18
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
19
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
20
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
14
+ borderColor?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | {
15
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
16
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
17
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
18
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
19
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
20
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
21
21
  } | undefined;
22
- boxShadow?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | {
23
- base?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
24
- hover?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
25
- active?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
26
- selection?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
27
- focused?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
28
- focusedVisible?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "vertexDropdown" | undefined;
22
+ boxShadow?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | {
23
+ base?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
24
+ hover?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
25
+ active?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
26
+ selection?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
27
+ focused?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
28
+ focusedVisible?: "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | "dropdown" | "notification" | "vertexDropdown" | undefined;
29
29
  } | undefined;
30
- color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | {
31
- base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
32
- hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
33
- active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
34
- selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
35
- focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
36
- focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | undefined;
30
+ color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | {
31
+ base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
32
+ hover?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
33
+ active?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
34
+ selection?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
35
+ focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
36
+ focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "focusedOptionBorder" | "standby" | "success" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "offBackgroundComplimentary" | "hoverState" | "lightStroke" | "mediumStroke" | "heavyStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | "badgeBackgroundSuccess" | "badgeBorderSuccess" | "badgeTextSuccess" | "announceGradientFrom" | "announceGradientTo" | undefined;
37
37
  } | undefined;
38
38
  } & {
39
39
  alignItems?: "center" | "flex-end" | "flex-start" | {
package/dist/components/Dialog/DialogContent.css.d.ts CHANGED
@@ -8,3 +8,5 @@ export declare const scrollContent: string;
8
8
  export declare const scrollbarHidden: string;
9
9
  export declare const fullHeightContent: string;
10
10
  export declare const dividerTransition: string;
11
+ export declare const contentExpanded: string;
12
+ export declare const contentCollapsed: string;
package/dist/components/FunButton/FunButton.d.ts CHANGED
@@ -4,6 +4,7 @@ export type FunButtonTypes = 'primary' | 'secondary' | 'tertiary';
4
4
  export interface FunButtonProps {
5
5
  id?: string;
6
6
  title: string;
7
+ customTitleComponent?: React.ReactNode;
7
8
  onClick?: MouseEventHandler;
8
9
  type?: FunButtonTypes;
9
10
  isDisabled?: boolean;
@@ -12,4 +13,4 @@ export interface FunButtonProps {
12
13
  borderRadius?: BoxProps['borderRadius'];
13
14
  textSize?: BoxProps['fontSize'];
14
15
  }
15
- export declare function FunButton({ id, title, onClick, isDisabled, type, isLoading, loaderSize, textSize, borderRadius, }: FunButtonProps): React.JSX.Element;
16
+ export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, borderRadius, }: FunButtonProps): React.JSX.Element;
package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryContent.d.ts RENAMED
@@ -7,8 +7,9 @@ interface FunCheckoutHistoryContentProps {
7
7
  onHelp: () => void;
8
8
  onBackFromHelpPage: () => void;
9
9
  onClose: () => void;
10
+ /** Element ID to be used to mount the CTA action bar */
11
+ bottomBarId: string;
10
12
  }
11
- export declare const HISTORY_BOTTOM_BAR_ID = "history-bottom-section";
12
13
  export declare const DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE = "Your Purchase";
13
- export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, hideStatus, onHelp, onBackFromHelpPage, onClose, }: FunCheckoutHistoryContentProps): React.JSX.Element;
14
+ export declare function FunCheckoutHistoryContent({ depositAddress, currentPage, hideStatus, bottomBarId, onHelp, onBackFromHelpPage, onClose, }: FunCheckoutHistoryContentProps): React.JSX.Element;
14
15
  export {};
package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryDetail.d.ts RENAMED
@@ -5,9 +5,11 @@ interface FunCheckoutHistoryDetailProps {
5
5
  hideStatus?: boolean;
6
6
  onHelp: () => void;
7
7
  onClose: () => void;
8
+ /** Element ID to be used to mount the CTA action bar */
9
+ bottomBarId: string;
8
10
  }
9
11
  /**
10
12
  * Processing info about a checkout history item (already created in backend)
11
13
  */
12
- export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, hideStatus, onHelp, onClose, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
14
+ export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, hideStatus, onHelp, onClose, bottomBarId, }: FunCheckoutHistoryDetailProps): React.JSX.Element;
13
15
  export {};
package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryHelp.d.ts RENAMED
@@ -1,6 +1,10 @@
1
1
  import { type CheckoutHistoryItem } from '@funkit/api-base';
2
2
  import React from 'react';
3
- export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, }: {
3
+ interface FunCheckoutHistoryHelpProps {
4
4
  checkoutHistoryInfo: CheckoutHistoryItem | undefined;
5
5
  onBackFromHelpPage: () => void;
6
- }): React.JSX.Element;
6
+ /** Element ID to be used to mount the CTA action bar */
7
+ bottomBarId: string;
8
+ }
9
+ export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, onBackFromHelpPage, bottomBarId, }: FunCheckoutHistoryHelpProps): React.JSX.Element;
10
+ export {};
package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const expandableTriggerBaseStyles: string;
package/dist/{modals/FunCheckoutHistoryModal → components/FunCheckoutHistory}/FunCheckoutHistoryTransaction.d.ts RENAMED
@@ -8,4 +8,8 @@ export declare function FunTxSummaryHistory({ checkoutHistoryItem, isDelayed, }:
8
8
  export declare function OrderDetail({ checkoutHistoryItem, }: {
9
9
  checkoutHistoryItem: CheckoutHistoryItem | undefined;
10
10
  }): React.JSX.Element;
11
+ interface OrderDetailSectionProps {
12
+ checkoutHistoryItem: CheckoutHistoryItem;
13
+ }
14
+ export declare const OrderDetailSection: ({ checkoutHistoryItem, }: OrderDetailSectionProps) => React.JSX.Element;
11
15
  export {};
package/dist/components/FunNotificationBanner/FunNotificationBanner.css.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  export declare const notificationBannerStyle: string;
2
2
  export declare const showMoreButtonStyle: string;
3
- export declare const additionalDescriptionTextStyle: string;
3
+ export declare const disclaimerTextStyle: string;
package/dist/components/FunNotificationBanner/FunNotificationBanner.d.ts CHANGED
@@ -1,13 +1,12 @@
1
1
  import React, { type ReactNode } from 'react';
2
2
  import { type FunNotificationBannerIconProps } from './FunNotificationBannerIcon';
3
3
  interface FunNotificationBannerProps extends FunNotificationBannerIconProps {
4
- icon: ReactNode;
5
4
  title: string;
6
5
  description: string;
7
6
  /** Additional text-like content clarifying the description */
8
- additionalDescription: ReactNode;
7
+ disclaimer?: ReactNode;
9
8
  children?: ReactNode;
10
- onClose?: () => void;
9
+ onClosed?: () => void;
11
10
  }
12
- export declare const FunNotificationBanner: ({ iconUrl, status, fallbackIconUrl, description, additionalDescription, title, children, onClose, }: FunNotificationBannerProps) => React.JSX.Element;
11
+ export declare const FunNotificationBanner: ({ iconUrl, status, fallbackIconUrl, description, disclaimer, title, children, onClosed, }: FunNotificationBannerProps) => React.JSX.Element;
13
12
  export {};
package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.css.d.ts CHANGED
@@ -1 +1,5 @@
1
+ export declare const STATUS_SPINNER_BOTTOM_POSITION: number;
2
+ export declare const shadowStyle: string;
3
+ export declare const statusIconWrapper: string;
1
4
  export declare const statusIcon: string;
5
+ export declare const statusSpinner: string;
package/dist/components/FunNotificationBanner/FunNotificationBannerIcon.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
+ import type { NotificationStatus } from '~/modals/CheckoutModal/CheckoutNotification';
2
3
  export interface FunNotificationBannerIconProps {
3
- iconUrl: string;
4
+ iconUrl?: string | null;
4
5
  fallbackIconUrl?: string;
5
- status?: 'success' | 'error' | 'processing' | 'pending';
6
+ status?: NotificationStatus;
6
7
  }
7
8
  export declare const FunNotificationBannerIcon: ({ status, iconUrl, fallbackIconUrl, }: FunNotificationBannerIconProps) => React.JSX.Element;
package/dist/components/FunNotificationBanner/FunNotificationBannerSummary.d.ts CHANGED
@@ -1,11 +1,7 @@
1
+ import type { CheckoutHistoryItem } from '@funkit/api-base';
1
2
  import React from 'react';
2
3
  interface FunNotificationBannerSummaryProps {
3
- data: {
4
- label: string;
5
- value: string | string[];
6
- externalUrl?: string;
7
- renderLinkOnlyOnIcon?: boolean;
8
- }[];
4
+ checkout: CheckoutHistoryItem;
9
5
  }
10
- export declare const FunNotificationBannerSummary: ({ data, }: FunNotificationBannerSummaryProps) => React.JSX.Element;
6
+ export declare const FunNotificationBannerSummary: ({ checkout, }: FunNotificationBannerSummaryProps) => React.JSX.Element;
11
7
  export {};
package/dist/components/FunNotificationBanner/FunNotificationShowMoreButton.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ type FunNotificationShowMoreButtonProps = {
3
+ numberOfNotifications: number;
4
+ isExpanded: boolean;
5
+ onClick: () => void;
6
+ };
7
+ export declare const FunNotificationShowMoreButton: ({ numberOfNotifications, isExpanded, onClick, }: FunNotificationShowMoreButtonProps) => React.JSX.Element;
8
+ export {};
package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts CHANGED
@@ -1,11 +1,7 @@
1
- import React, { type ReactNode } from 'react';
1
+ import React from 'react';
2
2
  import { type BoxProps } from '../Box/Box';
3
3
  export declare function FunTxSummaryBox({ children, borderRadius, ...otherProps }: BoxProps): React.JSX.Element;
4
4
  export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
5
- export declare function FunTxSummaryCollapsibleBox({ isExpanded, children, }: {
6
- isExpanded: boolean;
7
- children: ReactNode;
8
- }): React.JSX.Element;
9
5
  export declare function FunTxSummaryLineItemKeyText({ text }: {
10
6
  text: string;
11
7
  }): React.JSX.Element;
package/dist/components/FunTransactionSummary/PaymentFeesSummary.css.d.ts CHANGED
@@ -2,3 +2,4 @@ export declare const baseStyles: string;
2
2
  export declare const expandableStyles: string;
3
3
  export declare const feeLineShowStyles: string;
4
4
  export declare const feeLineHideStyles: string;
5
+ export declare const visibleOverflowStyle: string;
package/dist/components/Icons/Icons.css.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  export declare const SpinnerIconClassName: string;
2
+ export declare const SpinnerIconWithBackgroundOuterClassName: string;
3
+ export declare const SpinnerIconWithBackgroundInnerClassName: string;
2
4
  export declare const SpinnerIconPathClassName: string;
package/dist/components/Icons/SpinnerIconWithBackground.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { type BoxProps } from '../Box/Box';
3
+ /** @deprecated not used in the notifications anymore */
4
+ export declare const SpinnerIconWithBackground: ({ size, }: {
5
+ size?: BoxProps["width"];
6
+ }) => React.JSX.Element;
package/dist/consts/layout.d.ts CHANGED
@@ -3,3 +3,4 @@ export declare const PROFILE_SIDE_PADDING = "18";
3
3
  export declare const HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
4
4
  export declare const HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT = 52;
5
5
  export declare const DEFAULT_ICON_SIZE = "24";
6
+ export declare const OVERLAY_Z_INDEX = 100;