@funkit/connect 6.4.0 → 6.5.0
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.
- package/CHANGELOG.md +30 -0
- package/dist/{chunk-ZDHRMKMT.js → chunk-IR3HFYKM.js} +8 -0
- package/dist/{chunk-WDHT73AM.js → chunk-Z3KNAO7N.js} +8 -0
- package/dist/components/Box/Box.d.ts +27 -27
- package/dist/components/Dropdown/ChainDropdown.d.ts +6 -1
- package/dist/components/Dropdown/TokenDropdown.d.ts +6 -1
- package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts +2 -2
- package/dist/components/FunCheckoutHistory/FunCheckoutHistoryDetail.d.ts +2 -2
- package/dist/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.d.ts +1 -1
- package/dist/components/FunCheckoutHistory/FunCheckoutStatus.d.ts +2 -1
- package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts +2 -2
- package/dist/components/FunCheckoutHistory/FunDirectExecutionStatus.d.ts +2 -1
- package/dist/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.d.ts +3 -1
- package/dist/components/Icons/SpinnerIcon.d.ts +4 -1
- package/dist/components/Icons/SpinnerIconWithBackground.d.ts +4 -3
- package/dist/components/Icons/StatusIcons.d.ts +9 -2
- package/dist/components/Icons/utils.d.ts +2 -0
- package/dist/components/TransactionStatus/TransactionStatus.d.ts +3 -0
- package/dist/css/sprinkles.css.d.ts +35 -27
- package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +1 -1
- package/dist/hooks/useGooeyFilter.d.ts +21 -0
- package/dist/hooks/usePathMorph.d.ts +16 -0
- package/dist/index.css +2907 -2655
- package/dist/index.js +728 -629
- package/dist/modals/CheckoutModal/MeldCurrencySelect/currenciesWithMultipleCountries.d.ts +1 -0
- package/dist/providers/FunkitThemeProvider.d.ts +12 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/checkout.d.ts +1 -1
- package/dist/utils/flags/config.d.ts +1 -25
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +56 -56
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-Z3KNAO7N.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-IR3HFYKM.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
10
|
} from "./chunk-7HKC2KCK.js";
|
|
@@ -13,14 +13,14 @@ import {
|
|
|
13
13
|
var SCROLL_BAR_WIDTH = 6;
|
|
14
14
|
var contentCollapsed = "_1pzt423g";
|
|
15
15
|
var contentExpanded = "_1pzt423f";
|
|
16
|
-
var dialog = "_1pzt4231
|
|
17
|
-
var dialogCompact = "_1pzt4232 _1pzt4231
|
|
18
|
-
var dialogMedium = "_1pzt4233 _1pzt4231
|
|
16
|
+
var dialog = "_1pzt4231 _1rsrm2flq _1rsrm2f12q _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1g8 _1rsrm2fa _1rsrm2f1p _1rsrm2fdb _1rsrm2fe7 _1rsrm2ff1 _1rsrm2ffy _1rsrm2fh2";
|
|
17
|
+
var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2flq _1rsrm2f12q _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1g8 _1rsrm2fa _1rsrm2f1p _1rsrm2fdb _1rsrm2fe7 _1rsrm2ff1 _1rsrm2ffy _1rsrm2fh2";
|
|
18
|
+
var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2flq _1rsrm2f12q _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1g8 _1rsrm2fa _1rsrm2f1p _1rsrm2fdb _1rsrm2fe7 _1rsrm2ff1 _1rsrm2ffy _1rsrm2fh2";
|
|
19
19
|
var dialogMobile = "_1pzt4238 _1rsrm2fx _1rsrm2f1f";
|
|
20
20
|
var dividerTransition = "_1pzt423e";
|
|
21
21
|
var fullHeightContent = "_1pzt423c";
|
|
22
22
|
var noPaddingContent = "_1pzt423d";
|
|
23
|
-
var scrollContent = "_1pzt423a
|
|
23
|
+
var scrollContent = "_1pzt423a _1rsrm2fi9";
|
|
24
24
|
var scrollbarHidden = "_1pzt423b";
|
|
25
25
|
var withoutBottomPadding = "_1pzt4236";
|
|
26
26
|
var withoutSidePadding = "_1pzt4235";
|
|
@@ -45,8 +45,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
45
45
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
46
46
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
47
47
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
48
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fi8", hover: "_1rsrm2fi9", active: "_1rsrm2fia", selection: "_1rsrm2fib", focused: "_1rsrm2fic", focusedVisible: "_1rsrm2fid" }, defaultClass: "_1rsrm2fi8" }, accentColorForeground: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, actionButtonBorder: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonText: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonTextError: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectionIndicator: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, error: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, errorBackground: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBorder: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, generalBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorderDim: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, menuItemBackground: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, standby: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, success: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, chainIconBorder: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, modalBackdrop: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackground: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBorder: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, offBackground: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, hoverState: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, lightStroke: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, mediumStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, heavyStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, strokeColor: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, primaryText: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, secondaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, tertiaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, textSelection: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, inputBackground: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBorderBase: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderHover: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, actionColor: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColorHover: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorDisabled: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, buttonPrimary: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonDisabled: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonWarning: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonSuccess: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, transparent: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonBackground: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconStroke: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, newBadgeBackground: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeText: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeText: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientTo: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalFooterDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, accentColorForeground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, actionButtonBorder: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" }, connectButtonText: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, connectionIndicator: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, error: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, errorBackground: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, errorBorder: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, generalBorder: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, generalBorderDim: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, menuItemBackground: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, standby: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, success: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, chainIconBorder: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, modalBackdrop: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, modalBackground: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, modalBorder: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, offBackground: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, hoverState: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, lightStroke: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, mediumStroke: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, heavyStroke: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, strokeColor: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, primaryText: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, secondaryText: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, tertiaryText: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, textSelection: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, inputBackground: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, inputBorderBase: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, inputBorderHover: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, actionColor: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, actionColorHover: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, actionColorDisabled: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, buttonPrimary: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, buttonDisabled: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, buttonWarning: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, buttonSuccess: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, transparent: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, buttonBackground: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonIconStroke: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, newBadgeBackground: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, newBadgeBorder: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, newBadgeText: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, approvedBadgeText: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, failedBadgeText: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, announceGradientTo: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, dialog: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, selectedOption: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, selectedWallet: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, dropdown: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, notification: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, qrCode: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" }, accentColorForeground: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, connectButtonText: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, connectionIndicator: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, error: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, errorBackground: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, errorBorder: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, generalBorder: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, generalBorderDim: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, menuItemBackground: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, standby: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, success: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, chainIconBorder: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, modalBackdrop: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, modalBackground: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, modalBorder: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, offBackground: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, hoverState: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, lightStroke: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, mediumStroke: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, heavyStroke: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, strokeColor: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, primaryText: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, secondaryText: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, tertiaryText: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, textSelection: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, inputBackground: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, inputBorderBase: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, inputBorderHover: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, actionColor: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, actionColorHover: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, buttonPrimary: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, buttonDisabled: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, buttonWarning: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, buttonSuccess: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, transparent: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, buttonBackground: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, newBadgeText: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, failedBadgeText: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, announceGradientTo: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, full: { defaultClass: "_1rsrm2f18" }, badge: { defaultClass: "_1rsrm2f19" }, smallBadge: { defaultClass: "_1rsrm2f1a" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1b" }, dotted: { defaultClass: "_1rsrm2f1c" }, hidden: { defaultClass: "_1rsrm2f1d" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1e" }, "1": { defaultClass: "_1rsrm2f1f" }, "2": { defaultClass: "_1rsrm2f1g" }, "3": { defaultClass: "_1rsrm2f1h" }, "4": { defaultClass: "_1rsrm2f1i" }, "0.5": { defaultClass: "_1rsrm2f1j" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1k" }, pointer: { defaultClass: "_1rsrm2f1l" }, "not-allowed": { defaultClass: "_1rsrm2f1m" }, "default": { defaultClass: "_1rsrm2f1n" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1o" }, column: { defaultClass: "_1rsrm2f1p" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1q" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1r" }, "12": { defaultClass: "_1rsrm2f1s" }, "13": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "21": { defaultClass: "_1rsrm2f1y" }, "40": { defaultClass: "_1rsrm2f1z" }, "57": { defaultClass: "_1rsrm2f20" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "93": { defaultClass: "_1rsrm2f3z" }, "96": { defaultClass: "_1rsrm2f40" }, "100": { defaultClass: "_1rsrm2f41" }, "108": { defaultClass: "_1rsrm2f42" }, "120": { defaultClass: "_1rsrm2f43" }, "160": { defaultClass: "_1rsrm2f44" }, "180": { defaultClass: "_1rsrm2f45" }, "200": { defaultClass: "_1rsrm2f46" }, "240": { defaultClass: "_1rsrm2f47" }, half: { defaultClass: "_1rsrm2f48" }, full: { defaultClass: "_1rsrm2f49" }, max: { defaultClass: "_1rsrm2f4a" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4b" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4c" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4d" }, "flex-end": { defaultClass: "_1rsrm2f4e" }, center: { defaultClass: "_1rsrm2f4f" }, "space-between": { defaultClass: "_1rsrm2f4g" }, "space-around": { defaultClass: "_1rsrm2f4h" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4i" }, center: { defaultClass: "_1rsrm2f4j" }, right: { defaultClass: "_1rsrm2f4k" }, inherit: { defaultClass: "_1rsrm2f4l" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4m" }, "1": { defaultClass: "_1rsrm2f4n" }, "2": { defaultClass: "_1rsrm2f4o" }, "3": { defaultClass: "_1rsrm2f4p" }, "4": { defaultClass: "_1rsrm2f4q" }, "5": { defaultClass: "_1rsrm2f4r" }, "6": { defaultClass: "_1rsrm2f4s" }, "7": { defaultClass: "_1rsrm2f4t" }, "8": { defaultClass: "_1rsrm2f4u" }, "9": { defaultClass: "_1rsrm2f4v" }, "10": { defaultClass: "_1rsrm2f4w" }, "11": { defaultClass: "_1rsrm2f4x" }, "12": { defaultClass: "_1rsrm2f4y" }, "13": { defaultClass: "_1rsrm2f4z" }, "14": { defaultClass: "_1rsrm2f50" }, "15": { defaultClass: "_1rsrm2f51" }, "16": { defaultClass: "_1rsrm2f52" }, "18": { defaultClass: "_1rsrm2f53" }, "20": { defaultClass: "_1rsrm2f54" }, "24": { defaultClass: "_1rsrm2f55" }, "28": { defaultClass: "_1rsrm2f56" }, "30": { defaultClass: "_1rsrm2f57" }, "32": { defaultClass: "_1rsrm2f58" }, "36": { defaultClass: "_1rsrm2f59" }, "40": { defaultClass: "_1rsrm2f5a" }, "44": { defaultClass: "_1rsrm2f5b" }, "64": { defaultClass: "_1rsrm2f5c" }, auto: { defaultClass: "_1rsrm2f5d" }, "-18": { defaultClass: "_1rsrm2f5e" }, "-12": { defaultClass: "_1rsrm2f5f" }, "-1": { defaultClass: "_1rsrm2f5g" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5h" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5k" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5l" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5m" }, "1": { defaultClass: "_1rsrm2f5n" }, "2": { defaultClass: "_1rsrm2f5o" }, "3": { defaultClass: "_1rsrm2f5p" }, "4": { defaultClass: "_1rsrm2f5q" }, "5": { defaultClass: "_1rsrm2f5r" }, "6": { defaultClass: "_1rsrm2f5s" }, "7": { defaultClass: "_1rsrm2f5t" }, "8": { defaultClass: "_1rsrm2f5u" }, "9": { defaultClass: "_1rsrm2f5v" }, "10": { defaultClass: "_1rsrm2f5w" }, "11": { defaultClass: "_1rsrm2f5x" }, "12": { defaultClass: "_1rsrm2f5y" }, "13": { defaultClass: "_1rsrm2f5z" }, "14": { defaultClass: "_1rsrm2f60" }, "15": { defaultClass: "_1rsrm2f61" }, "16": { defaultClass: "_1rsrm2f62" }, "18": { defaultClass: "_1rsrm2f63" }, "20": { defaultClass: "_1rsrm2f64" }, "24": { defaultClass: "_1rsrm2f65" }, "28": { defaultClass: "_1rsrm2f66" }, "30": { defaultClass: "_1rsrm2f67" }, "32": { defaultClass: "_1rsrm2f68" }, "36": { defaultClass: "_1rsrm2f69" }, "40": { defaultClass: "_1rsrm2f6a" }, "44": { defaultClass: "_1rsrm2f6b" }, "64": { defaultClass: "_1rsrm2f6c" }, auto: { defaultClass: "_1rsrm2f6d" }, "-18": { defaultClass: "_1rsrm2f6e" }, "-12": { defaultClass: "_1rsrm2f6f" }, "-1": { defaultClass: "_1rsrm2f6g" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6h" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6k" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6l" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6m" }, "1": { defaultClass: "_1rsrm2f6n" }, "2": { defaultClass: "_1rsrm2f6o" }, "3": { defaultClass: "_1rsrm2f6p" }, "4": { defaultClass: "_1rsrm2f6q" }, "5": { defaultClass: "_1rsrm2f6r" }, "6": { defaultClass: "_1rsrm2f6s" }, "7": { defaultClass: "_1rsrm2f6t" }, "8": { defaultClass: "_1rsrm2f6u" }, "9": { defaultClass: "_1rsrm2f6v" }, "10": { defaultClass: "_1rsrm2f6w" }, "11": { defaultClass: "_1rsrm2f6x" }, "12": { defaultClass: "_1rsrm2f6y" }, "13": { defaultClass: "_1rsrm2f6z" }, "14": { defaultClass: "_1rsrm2f70" }, "15": { defaultClass: "_1rsrm2f71" }, "16": { defaultClass: "_1rsrm2f72" }, "18": { defaultClass: "_1rsrm2f73" }, "20": { defaultClass: "_1rsrm2f74" }, "24": { defaultClass: "_1rsrm2f75" }, "28": { defaultClass: "_1rsrm2f76" }, "30": { defaultClass: "_1rsrm2f77" }, "32": { defaultClass: "_1rsrm2f78" }, "36": { defaultClass: "_1rsrm2f79" }, "40": { defaultClass: "_1rsrm2f7a" }, "44": { defaultClass: "_1rsrm2f7b" }, "64": { defaultClass: "_1rsrm2f7c" }, auto: { defaultClass: "_1rsrm2f7d" }, "-18": { defaultClass: "_1rsrm2f7e" }, "-12": { defaultClass: "_1rsrm2f7f" }, "-1": { defaultClass: "_1rsrm2f7g" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7h" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7k" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7l" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7m" }, "1": { defaultClass: "_1rsrm2f7n" }, "2": { defaultClass: "_1rsrm2f7o" }, "3": { defaultClass: "_1rsrm2f7p" }, "4": { defaultClass: "_1rsrm2f7q" }, "5": { defaultClass: "_1rsrm2f7r" }, "6": { defaultClass: "_1rsrm2f7s" }, "7": { defaultClass: "_1rsrm2f7t" }, "8": { defaultClass: "_1rsrm2f7u" }, "9": { defaultClass: "_1rsrm2f7v" }, "10": { defaultClass: "_1rsrm2f7w" }, "11": { defaultClass: "_1rsrm2f7x" }, "12": { defaultClass: "_1rsrm2f7y" }, "13": { defaultClass: "_1rsrm2f7z" }, "14": { defaultClass: "_1rsrm2f80" }, "15": { defaultClass: "_1rsrm2f81" }, "16": { defaultClass: "_1rsrm2f82" }, "18": { defaultClass: "_1rsrm2f83" }, "20": { defaultClass: "_1rsrm2f84" }, "24": { defaultClass: "_1rsrm2f85" }, "28": { defaultClass: "_1rsrm2f86" }, "30": { defaultClass: "_1rsrm2f87" }, "32": { defaultClass: "_1rsrm2f88" }, "36": { defaultClass: "_1rsrm2f89" }, "40": { defaultClass: "_1rsrm2f8a" }, "44": { defaultClass: "_1rsrm2f8b" }, "64": { defaultClass: "_1rsrm2f8c" }, auto: { defaultClass: "_1rsrm2f8d" }, "-18": { defaultClass: "_1rsrm2f8e" }, "-12": { defaultClass: "_1rsrm2f8f" }, "-1": { defaultClass: "_1rsrm2f8g" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8h" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8k" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8l" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8m" }, "2": { defaultClass: "_1rsrm2f8n" }, "4": { defaultClass: "_1rsrm2f8o" }, "8": { defaultClass: "_1rsrm2f8p" }, "10": { defaultClass: "_1rsrm2f8q" }, "11": { defaultClass: "_1rsrm2f8r" }, "12": { defaultClass: "_1rsrm2f8s" }, "13": { defaultClass: "_1rsrm2f8t" }, "14": { defaultClass: "_1rsrm2f8u" }, "15": { defaultClass: "_1rsrm2f8v" }, "16": { defaultClass: "_1rsrm2f8w" }, "18": { defaultClass: "_1rsrm2f8x" }, "20": { defaultClass: "_1rsrm2f8y" }, "24": { defaultClass: "_1rsrm2f8z" }, "28": { defaultClass: "_1rsrm2f90" }, "30": { defaultClass: "_1rsrm2f91" }, "32": { defaultClass: "_1rsrm2f92" }, "34": { defaultClass: "_1rsrm2f93" }, "36": { defaultClass: "_1rsrm2f94" }, "40": { defaultClass: "_1rsrm2f95" }, "44": { defaultClass: "_1rsrm2f96" }, "48": { defaultClass: "_1rsrm2f97" }, "50": { defaultClass: "_1rsrm2f98" }, "54": { defaultClass: "_1rsrm2f99" }, "57": { defaultClass: "_1rsrm2f9a" }, "60": { defaultClass: "_1rsrm2f9b" }, "72": { defaultClass: "_1rsrm2f9c" }, "93": { defaultClass: "_1rsrm2f9d" }, "96": { defaultClass: "_1rsrm2f9e" }, "100": { defaultClass: "_1rsrm2f9f" }, "108": { defaultClass: "_1rsrm2f9g" }, "120": { defaultClass: "_1rsrm2f9h" }, "160": { defaultClass: "_1rsrm2f9i" }, "180": { defaultClass: "_1rsrm2f9j" }, "200": { defaultClass: "_1rsrm2f9k" }, "240": { defaultClass: "_1rsrm2f9l" }, half: { defaultClass: "_1rsrm2f9m" }, full: { defaultClass: "_1rsrm2f9n" }, max: { defaultClass: "_1rsrm2f9o" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9p" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9q" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9r" }, "2": { defaultClass: "_1rsrm2f9s" }, "4": { defaultClass: "_1rsrm2f9t" }, "8": { defaultClass: "_1rsrm2f9u" }, "10": { defaultClass: "_1rsrm2f9v" }, "11": { defaultClass: "_1rsrm2f9w" }, "12": { defaultClass: "_1rsrm2f9x" }, "13": { defaultClass: "_1rsrm2f9y" }, "14": { defaultClass: "_1rsrm2f9z" }, "15": { defaultClass: "_1rsrm2fa0" }, "16": { defaultClass: "_1rsrm2fa1" }, "18": { defaultClass: "_1rsrm2fa2" }, "20": { defaultClass: "_1rsrm2fa3" }, "24": { defaultClass: "_1rsrm2fa4" }, "28": { defaultClass: "_1rsrm2fa5" }, "30": { defaultClass: "_1rsrm2fa6" }, "32": { defaultClass: "_1rsrm2fa7" }, "34": { defaultClass: "_1rsrm2fa8" }, "36": { defaultClass: "_1rsrm2fa9" }, "40": { defaultClass: "_1rsrm2faa" }, "44": { defaultClass: "_1rsrm2fab" }, "48": { defaultClass: "_1rsrm2fac" }, "50": { defaultClass: "_1rsrm2fad" }, "54": { defaultClass: "_1rsrm2fae" }, "57": { defaultClass: "_1rsrm2faf" }, "60": { defaultClass: "_1rsrm2fag" }, "72": { defaultClass: "_1rsrm2fah" }, "93": { defaultClass: "_1rsrm2fai" }, "96": { defaultClass: "_1rsrm2faj" }, "100": { defaultClass: "_1rsrm2fak" }, "108": { defaultClass: "_1rsrm2fal" }, "120": { defaultClass: "_1rsrm2fam" }, "160": { defaultClass: "_1rsrm2fan" }, "180": { defaultClass: "_1rsrm2fao" }, "200": { defaultClass: "_1rsrm2fap" }, "240": { defaultClass: "_1rsrm2faq" }, half: { defaultClass: "_1rsrm2far" }, full: { defaultClass: "_1rsrm2fas" }, max: { defaultClass: "_1rsrm2fat" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fau" }, modalTopBarHeight: { defaultClass: "_1rsrm2fav" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faw" }, "2": { defaultClass: "_1rsrm2fax" }, "4": { defaultClass: "_1rsrm2fay" }, "8": { defaultClass: "_1rsrm2faz" }, "10": { defaultClass: "_1rsrm2fb0" }, "11": { defaultClass: "_1rsrm2fb1" }, "12": { defaultClass: "_1rsrm2fb2" }, "13": { defaultClass: "_1rsrm2fb3" }, "14": { defaultClass: "_1rsrm2fb4" }, "15": { defaultClass: "_1rsrm2fb5" }, "16": { defaultClass: "_1rsrm2fb6" }, "18": { defaultClass: "_1rsrm2fb7" }, "20": { defaultClass: "_1rsrm2fb8" }, "24": { defaultClass: "_1rsrm2fb9" }, "28": { defaultClass: "_1rsrm2fba" }, "30": { defaultClass: "_1rsrm2fbb" }, "32": { defaultClass: "_1rsrm2fbc" }, "34": { defaultClass: "_1rsrm2fbd" }, "36": { defaultClass: "_1rsrm2fbe" }, "40": { defaultClass: "_1rsrm2fbf" }, "44": { defaultClass: "_1rsrm2fbg" }, "48": { defaultClass: "_1rsrm2fbh" }, "50": { defaultClass: "_1rsrm2fbi" }, "54": { defaultClass: "_1rsrm2fbj" }, "57": { defaultClass: "_1rsrm2fbk" }, "60": { defaultClass: "_1rsrm2fbl" }, "72": { defaultClass: "_1rsrm2fbm" }, "93": { defaultClass: "_1rsrm2fbn" }, "96": { defaultClass: "_1rsrm2fbo" }, "100": { defaultClass: "_1rsrm2fbp" }, "108": { defaultClass: "_1rsrm2fbq" }, "120": { defaultClass: "_1rsrm2fbr" }, "160": { defaultClass: "_1rsrm2fbs" }, "180": { defaultClass: "_1rsrm2fbt" }, "200": { defaultClass: "_1rsrm2fbu" }, "240": { defaultClass: "_1rsrm2fbv" }, half: { defaultClass: "_1rsrm2fbw" }, full: { defaultClass: "_1rsrm2fbx" }, max: { defaultClass: "_1rsrm2fby" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fbz" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc0" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc1" }, "2": { defaultClass: "_1rsrm2fc2" }, "4": { defaultClass: "_1rsrm2fc3" }, "8": { defaultClass: "_1rsrm2fc4" }, "10": { defaultClass: "_1rsrm2fc5" }, "11": { defaultClass: "_1rsrm2fc6" }, "12": { defaultClass: "_1rsrm2fc7" }, "13": { defaultClass: "_1rsrm2fc8" }, "14": { defaultClass: "_1rsrm2fc9" }, "15": { defaultClass: "_1rsrm2fca" }, "16": { defaultClass: "_1rsrm2fcb" }, "18": { defaultClass: "_1rsrm2fcc" }, "20": { defaultClass: "_1rsrm2fcd" }, "24": { defaultClass: "_1rsrm2fce" }, "28": { defaultClass: "_1rsrm2fcf" }, "30": { defaultClass: "_1rsrm2fcg" }, "32": { defaultClass: "_1rsrm2fch" }, "34": { defaultClass: "_1rsrm2fci" }, "36": { defaultClass: "_1rsrm2fcj" }, "40": { defaultClass: "_1rsrm2fck" }, "44": { defaultClass: "_1rsrm2fcl" }, "48": { defaultClass: "_1rsrm2fcm" }, "50": { defaultClass: "_1rsrm2fcn" }, "54": { defaultClass: "_1rsrm2fco" }, "57": { defaultClass: "_1rsrm2fcp" }, "60": { defaultClass: "_1rsrm2fcq" }, "72": { defaultClass: "_1rsrm2fcr" }, "93": { defaultClass: "_1rsrm2fcs" }, "96": { defaultClass: "_1rsrm2fct" }, "100": { defaultClass: "_1rsrm2fcu" }, "108": { defaultClass: "_1rsrm2fcv" }, "120": { defaultClass: "_1rsrm2fcw" }, "160": { defaultClass: "_1rsrm2fcx" }, "180": { defaultClass: "_1rsrm2fcy" }, "200": { defaultClass: "_1rsrm2fcz" }, "240": { defaultClass: "_1rsrm2fd0" }, half: { defaultClass: "_1rsrm2fd1" }, full: { defaultClass: "_1rsrm2fd2" }, max: { defaultClass: "_1rsrm2fd3" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd4" }, modalTopBarHeight: { defaultClass: "_1rsrm2fd5" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fd6" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fd7" }, "1": { defaultClass: "_1rsrm2fd8" }, "2": { defaultClass: "_1rsrm2fd9" }, "3": { defaultClass: "_1rsrm2fda" }, "4": { defaultClass: "_1rsrm2fdb" }, "5": { defaultClass: "_1rsrm2fdc" }, "6": { defaultClass: "_1rsrm2fdd" }, "7": { defaultClass: "_1rsrm2fde" }, "8": { defaultClass: "_1rsrm2fdf" }, "9": { defaultClass: "_1rsrm2fdg" }, "10": { defaultClass: "_1rsrm2fdh" }, "11": { defaultClass: "_1rsrm2fdi" }, "12": { defaultClass: "_1rsrm2fdj" }, "13": { defaultClass: "_1rsrm2fdk" }, "14": { defaultClass: "_1rsrm2fdl" }, "15": { defaultClass: "_1rsrm2fdm" }, "16": { defaultClass: "_1rsrm2fdn" }, "18": { defaultClass: "_1rsrm2fdo" }, "20": { defaultClass: "_1rsrm2fdp" }, "24": { defaultClass: "_1rsrm2fdq" }, "28": { defaultClass: "_1rsrm2fdr" }, "30": { defaultClass: "_1rsrm2fds" }, "32": { defaultClass: "_1rsrm2fdt" }, "36": { defaultClass: "_1rsrm2fdu" }, "40": { defaultClass: "_1rsrm2fdv" }, "44": { defaultClass: "_1rsrm2fdw" }, "64": { defaultClass: "_1rsrm2fdx" }, "-1": { defaultClass: "_1rsrm2fdy" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fdz" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe0" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe1" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe2" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe3" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe4" }, "1": { defaultClass: "_1rsrm2fe5" }, "2": { defaultClass: "_1rsrm2fe6" }, "3": { defaultClass: "_1rsrm2fe7" }, "4": { defaultClass: "_1rsrm2fe8" }, "5": { defaultClass: "_1rsrm2fe9" }, "6": { defaultClass: "_1rsrm2fea" }, "7": { defaultClass: "_1rsrm2feb" }, "8": { defaultClass: "_1rsrm2fec" }, "9": { defaultClass: "_1rsrm2fed" }, "10": { defaultClass: "_1rsrm2fee" }, "11": { defaultClass: "_1rsrm2fef" }, "12": { defaultClass: "_1rsrm2feg" }, "13": { defaultClass: "_1rsrm2feh" }, "14": { defaultClass: "_1rsrm2fei" }, "15": { defaultClass: "_1rsrm2fej" }, "16": { defaultClass: "_1rsrm2fek" }, "18": { defaultClass: "_1rsrm2fel" }, "20": { defaultClass: "_1rsrm2fem" }, "24": { defaultClass: "_1rsrm2fen" }, "28": { defaultClass: "_1rsrm2feo" }, "30": { defaultClass: "_1rsrm2fep" }, "32": { defaultClass: "_1rsrm2feq" }, "36": { defaultClass: "_1rsrm2fer" }, "40": { defaultClass: "_1rsrm2fes" }, "44": { defaultClass: "_1rsrm2fet" }, "64": { defaultClass: "_1rsrm2feu" }, "-1": { defaultClass: "_1rsrm2fev" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2few" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fex" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fey" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fez" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff0" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff1" }, "1": { defaultClass: "_1rsrm2ff2" }, "2": { defaultClass: "_1rsrm2ff3" }, "3": { defaultClass: "_1rsrm2ff4" }, "4": { defaultClass: "_1rsrm2ff5" }, "5": { defaultClass: "_1rsrm2ff6" }, "6": { defaultClass: "_1rsrm2ff7" }, "7": { defaultClass: "_1rsrm2ff8" }, "8": { defaultClass: "_1rsrm2ff9" }, "9": { defaultClass: "_1rsrm2ffa" }, "10": { defaultClass: "_1rsrm2ffb" }, "11": { defaultClass: "_1rsrm2ffc" }, "12": { defaultClass: "_1rsrm2ffd" }, "13": { defaultClass: "_1rsrm2ffe" }, "14": { defaultClass: "_1rsrm2fff" }, "15": { defaultClass: "_1rsrm2ffg" }, "16": { defaultClass: "_1rsrm2ffh" }, "18": { defaultClass: "_1rsrm2ffi" }, "20": { defaultClass: "_1rsrm2ffj" }, "24": { defaultClass: "_1rsrm2ffk" }, "28": { defaultClass: "_1rsrm2ffl" }, "30": { defaultClass: "_1rsrm2ffm" }, "32": { defaultClass: "_1rsrm2ffn" }, "36": { defaultClass: "_1rsrm2ffo" }, "40": { defaultClass: "_1rsrm2ffp" }, "44": { defaultClass: "_1rsrm2ffq" }, "64": { defaultClass: "_1rsrm2ffr" }, "-1": { defaultClass: "_1rsrm2ffs" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fft" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffu" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ffv" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ffw" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ffx" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2ffy" }, "1": { defaultClass: "_1rsrm2ffz" }, "2": { defaultClass: "_1rsrm2fg0" }, "3": { defaultClass: "_1rsrm2fg1" }, "4": { defaultClass: "_1rsrm2fg2" }, "5": { defaultClass: "_1rsrm2fg3" }, "6": { defaultClass: "_1rsrm2fg4" }, "7": { defaultClass: "_1rsrm2fg5" }, "8": { defaultClass: "_1rsrm2fg6" }, "9": { defaultClass: "_1rsrm2fg7" }, "10": { defaultClass: "_1rsrm2fg8" }, "11": { defaultClass: "_1rsrm2fg9" }, "12": { defaultClass: "_1rsrm2fga" }, "13": { defaultClass: "_1rsrm2fgb" }, "14": { defaultClass: "_1rsrm2fgc" }, "15": { defaultClass: "_1rsrm2fgd" }, "16": { defaultClass: "_1rsrm2fge" }, "18": { defaultClass: "_1rsrm2fgf" }, "20": { defaultClass: "_1rsrm2fgg" }, "24": { defaultClass: "_1rsrm2fgh" }, "28": { defaultClass: "_1rsrm2fgi" }, "30": { defaultClass: "_1rsrm2fgj" }, "32": { defaultClass: "_1rsrm2fgk" }, "36": { defaultClass: "_1rsrm2fgl" }, "40": { defaultClass: "_1rsrm2fgm" }, "44": { defaultClass: "_1rsrm2fgn" }, "64": { defaultClass: "_1rsrm2fgo" }, "-1": { defaultClass: "_1rsrm2fgp" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgq" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgr" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgs" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgt" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgu" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fgv" }, fixed: { defaultClass: "_1rsrm2fgw" }, relative: { defaultClass: "_1rsrm2fgx" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fgy" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fgz" }, transform: { defaultClass: "_1rsrm2fh0" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh1" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh2" }, "2": { defaultClass: "_1rsrm2fh3" }, "4": { defaultClass: "_1rsrm2fh4" }, "8": { defaultClass: "_1rsrm2fh5" }, "10": { defaultClass: "_1rsrm2fh6" }, "11": { defaultClass: "_1rsrm2fh7" }, "12": { defaultClass: "_1rsrm2fh8" }, "13": { defaultClass: "_1rsrm2fh9" }, "14": { defaultClass: "_1rsrm2fha" }, "15": { defaultClass: "_1rsrm2fhb" }, "16": { defaultClass: "_1rsrm2fhc" }, "18": { defaultClass: "_1rsrm2fhd" }, "20": { defaultClass: "_1rsrm2fhe" }, "24": { defaultClass: "_1rsrm2fhf" }, "28": { defaultClass: "_1rsrm2fhg" }, "30": { defaultClass: "_1rsrm2fhh" }, "32": { defaultClass: "_1rsrm2fhi" }, "34": { defaultClass: "_1rsrm2fhj" }, "36": { defaultClass: "_1rsrm2fhk" }, "40": { defaultClass: "_1rsrm2fhl" }, "44": { defaultClass: "_1rsrm2fhm" }, "48": { defaultClass: "_1rsrm2fhn" }, "50": { defaultClass: "_1rsrm2fho" }, "54": { defaultClass: "_1rsrm2fhp" }, "57": { defaultClass: "_1rsrm2fhq" }, "60": { defaultClass: "_1rsrm2fhr" }, "72": { defaultClass: "_1rsrm2fhs" }, "93": { defaultClass: "_1rsrm2fht" }, "96": { defaultClass: "_1rsrm2fhu" }, "100": { defaultClass: "_1rsrm2fhv" }, "108": { defaultClass: "_1rsrm2fhw" }, "120": { defaultClass: "_1rsrm2fhx" }, "160": { defaultClass: "_1rsrm2fhy" }, "180": { defaultClass: "_1rsrm2fhz" }, "200": { defaultClass: "_1rsrm2fi0" }, "240": { defaultClass: "_1rsrm2fi1" }, half: { defaultClass: "_1rsrm2fi2" }, full: { defaultClass: "_1rsrm2fi3" }, max: { defaultClass: "_1rsrm2fi4" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fi5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fi6" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fi7" } } } } });
|
|
49
|
-
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundInverse: "var(--rk-colors-offBackgroundInverse)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", actionButtonInner: "var(--rk-radii-actionButtonInner)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, spacing: { modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
48
|
+
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, accentColorForeground: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, actionButtonBorder: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonText: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, connectionIndicator: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, error: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBackground: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, errorBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorder: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, generalBorderDim: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, menuItemBackground: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, standby: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, success: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, chainIconBorder: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackdrop: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, modalBorder: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, hoverState: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, lightStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, mediumStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, heavyStroke: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, strokeColor: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, primaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, secondaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, tertiaryText: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, textSelection: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBackground: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderBase: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, inputBorderHover: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColor: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorHover: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, actionColorDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonPrimary: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonWarning: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonSuccess: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, transparent: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBackground: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, newBadgeText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, failedBadgeText: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, announceGradientTo: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalFooterDivider: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, spinnerBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, spinnerIndicator: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, accentColorForeground: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, actionButtonBorder: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, connectButtonText: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, connectButtonTextError: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, connectionIndicator: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, error: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, errorBackground: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, errorBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, generalBorder: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, generalBorderDim: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, menuItemBackground: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, standby: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, success: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, chainIconBorder: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, modalBackdrop: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, modalBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, modalBorder: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, offBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, hoverState: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, lightStroke: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, mediumStroke: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, heavyStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, strokeColor: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, primaryText: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, secondaryText: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, tertiaryText: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, textSelection: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, inputBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, inputBorderBase: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, inputBorderHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, actionColor: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, actionColorHover: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonPrimary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonDisabled: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonWarning: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonSuccess: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, transparent: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonBackground: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, buttonIconStroke: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, newBadgeBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, newBadgeText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, spinnerBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, dialog: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOption: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, selectedWallet: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, dropdown: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, notification: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, qrCode: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, accentColorForeground: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, connectButtonText: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, error: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, errorBackground: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, errorBorder: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, generalBorder: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, generalBorderDim: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, menuItemBackground: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, standby: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, success: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, modalBackdrop: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, modalBackground: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, modalBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, offBackground: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, hoverState: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, lightStroke: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, mediumStroke: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, heavyStroke: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, strokeColor: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, primaryText: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, secondaryText: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, tertiaryText: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, textSelection: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, inputBackground: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, inputBorderBase: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, inputBorderHover: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, actionColor: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, actionColorHover: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, buttonPrimary: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, buttonDisabled: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, buttonWarning: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonSuccess: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, transparent: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBackground: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, newBadgeText: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, failedBadgeText: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, announceGradientTo: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, spinnerBackground: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, full: { defaultClass: "_1rsrm2f18" }, badge: { defaultClass: "_1rsrm2f19" }, smallBadge: { defaultClass: "_1rsrm2f1a" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1b" }, dotted: { defaultClass: "_1rsrm2f1c" }, hidden: { defaultClass: "_1rsrm2f1d" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1e" }, "1": { defaultClass: "_1rsrm2f1f" }, "2": { defaultClass: "_1rsrm2f1g" }, "3": { defaultClass: "_1rsrm2f1h" }, "4": { defaultClass: "_1rsrm2f1i" }, "0.5": { defaultClass: "_1rsrm2f1j" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1k" }, pointer: { defaultClass: "_1rsrm2f1l" }, "not-allowed": { defaultClass: "_1rsrm2f1m" }, "default": { defaultClass: "_1rsrm2f1n" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1o" }, column: { defaultClass: "_1rsrm2f1p" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1q" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1r" }, "12": { defaultClass: "_1rsrm2f1s" }, "13": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "21": { defaultClass: "_1rsrm2f1y" }, "40": { defaultClass: "_1rsrm2f1z" }, "57": { defaultClass: "_1rsrm2f20" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "93": { defaultClass: "_1rsrm2f3z" }, "96": { defaultClass: "_1rsrm2f40" }, "100": { defaultClass: "_1rsrm2f41" }, "108": { defaultClass: "_1rsrm2f42" }, "120": { defaultClass: "_1rsrm2f43" }, "160": { defaultClass: "_1rsrm2f44" }, "180": { defaultClass: "_1rsrm2f45" }, "200": { defaultClass: "_1rsrm2f46" }, "240": { defaultClass: "_1rsrm2f47" }, half: { defaultClass: "_1rsrm2f48" }, full: { defaultClass: "_1rsrm2f49" }, max: { defaultClass: "_1rsrm2f4a" }, auto: { defaultClass: "_1rsrm2f4b" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4c" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4d" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4e" }, "flex-end": { defaultClass: "_1rsrm2f4f" }, center: { defaultClass: "_1rsrm2f4g" }, "space-between": { defaultClass: "_1rsrm2f4h" }, "space-around": { defaultClass: "_1rsrm2f4i" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4j" }, center: { defaultClass: "_1rsrm2f4k" }, right: { defaultClass: "_1rsrm2f4l" }, inherit: { defaultClass: "_1rsrm2f4m" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4n" }, "1": { defaultClass: "_1rsrm2f4o" }, "2": { defaultClass: "_1rsrm2f4p" }, "3": { defaultClass: "_1rsrm2f4q" }, "4": { defaultClass: "_1rsrm2f4r" }, "5": { defaultClass: "_1rsrm2f4s" }, "6": { defaultClass: "_1rsrm2f4t" }, "7": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "9": { defaultClass: "_1rsrm2f4w" }, "10": { defaultClass: "_1rsrm2f4x" }, "11": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "13": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "15": { defaultClass: "_1rsrm2f52" }, "16": { defaultClass: "_1rsrm2f53" }, "18": { defaultClass: "_1rsrm2f54" }, "20": { defaultClass: "_1rsrm2f55" }, "24": { defaultClass: "_1rsrm2f56" }, "28": { defaultClass: "_1rsrm2f57" }, "30": { defaultClass: "_1rsrm2f58" }, "32": { defaultClass: "_1rsrm2f59" }, "36": { defaultClass: "_1rsrm2f5a" }, "40": { defaultClass: "_1rsrm2f5b" }, "44": { defaultClass: "_1rsrm2f5c" }, "64": { defaultClass: "_1rsrm2f5d" }, auto: { defaultClass: "_1rsrm2f5e" }, "-18": { defaultClass: "_1rsrm2f5f" }, "-12": { defaultClass: "_1rsrm2f5g" }, "-1": { defaultClass: "_1rsrm2f5h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5m" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5n" }, "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "3": { defaultClass: "_1rsrm2f5q" }, "4": { defaultClass: "_1rsrm2f5r" }, "5": { defaultClass: "_1rsrm2f5s" }, "6": { defaultClass: "_1rsrm2f5t" }, "7": { defaultClass: "_1rsrm2f5u" }, "8": { defaultClass: "_1rsrm2f5v" }, "9": { defaultClass: "_1rsrm2f5w" }, "10": { defaultClass: "_1rsrm2f5x" }, "11": { defaultClass: "_1rsrm2f5y" }, "12": { defaultClass: "_1rsrm2f5z" }, "13": { defaultClass: "_1rsrm2f60" }, "14": { defaultClass: "_1rsrm2f61" }, "15": { defaultClass: "_1rsrm2f62" }, "16": { defaultClass: "_1rsrm2f63" }, "18": { defaultClass: "_1rsrm2f64" }, "20": { defaultClass: "_1rsrm2f65" }, "24": { defaultClass: "_1rsrm2f66" }, "28": { defaultClass: "_1rsrm2f67" }, "30": { defaultClass: "_1rsrm2f68" }, "32": { defaultClass: "_1rsrm2f69" }, "36": { defaultClass: "_1rsrm2f6a" }, "40": { defaultClass: "_1rsrm2f6b" }, "44": { defaultClass: "_1rsrm2f6c" }, "64": { defaultClass: "_1rsrm2f6d" }, auto: { defaultClass: "_1rsrm2f6e" }, "-18": { defaultClass: "_1rsrm2f6f" }, "-12": { defaultClass: "_1rsrm2f6g" }, "-1": { defaultClass: "_1rsrm2f6h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6m" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6n" }, "1": { defaultClass: "_1rsrm2f6o" }, "2": { defaultClass: "_1rsrm2f6p" }, "3": { defaultClass: "_1rsrm2f6q" }, "4": { defaultClass: "_1rsrm2f6r" }, "5": { defaultClass: "_1rsrm2f6s" }, "6": { defaultClass: "_1rsrm2f6t" }, "7": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "9": { defaultClass: "_1rsrm2f6w" }, "10": { defaultClass: "_1rsrm2f6x" }, "11": { defaultClass: "_1rsrm2f6y" }, "12": { defaultClass: "_1rsrm2f6z" }, "13": { defaultClass: "_1rsrm2f70" }, "14": { defaultClass: "_1rsrm2f71" }, "15": { defaultClass: "_1rsrm2f72" }, "16": { defaultClass: "_1rsrm2f73" }, "18": { defaultClass: "_1rsrm2f74" }, "20": { defaultClass: "_1rsrm2f75" }, "24": { defaultClass: "_1rsrm2f76" }, "28": { defaultClass: "_1rsrm2f77" }, "30": { defaultClass: "_1rsrm2f78" }, "32": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "64": { defaultClass: "_1rsrm2f7d" }, auto: { defaultClass: "_1rsrm2f7e" }, "-18": { defaultClass: "_1rsrm2f7f" }, "-12": { defaultClass: "_1rsrm2f7g" }, "-1": { defaultClass: "_1rsrm2f7h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7m" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7n" }, "1": { defaultClass: "_1rsrm2f7o" }, "2": { defaultClass: "_1rsrm2f7p" }, "3": { defaultClass: "_1rsrm2f7q" }, "4": { defaultClass: "_1rsrm2f7r" }, "5": { defaultClass: "_1rsrm2f7s" }, "6": { defaultClass: "_1rsrm2f7t" }, "7": { defaultClass: "_1rsrm2f7u" }, "8": { defaultClass: "_1rsrm2f7v" }, "9": { defaultClass: "_1rsrm2f7w" }, "10": { defaultClass: "_1rsrm2f7x" }, "11": { defaultClass: "_1rsrm2f7y" }, "12": { defaultClass: "_1rsrm2f7z" }, "13": { defaultClass: "_1rsrm2f80" }, "14": { defaultClass: "_1rsrm2f81" }, "15": { defaultClass: "_1rsrm2f82" }, "16": { defaultClass: "_1rsrm2f83" }, "18": { defaultClass: "_1rsrm2f84" }, "20": { defaultClass: "_1rsrm2f85" }, "24": { defaultClass: "_1rsrm2f86" }, "28": { defaultClass: "_1rsrm2f87" }, "30": { defaultClass: "_1rsrm2f88" }, "32": { defaultClass: "_1rsrm2f89" }, "36": { defaultClass: "_1rsrm2f8a" }, "40": { defaultClass: "_1rsrm2f8b" }, "44": { defaultClass: "_1rsrm2f8c" }, "64": { defaultClass: "_1rsrm2f8d" }, auto: { defaultClass: "_1rsrm2f8e" }, "-18": { defaultClass: "_1rsrm2f8f" }, "-12": { defaultClass: "_1rsrm2f8g" }, "-1": { defaultClass: "_1rsrm2f8h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8m" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8n" }, "2": { defaultClass: "_1rsrm2f8o" }, "4": { defaultClass: "_1rsrm2f8p" }, "8": { defaultClass: "_1rsrm2f8q" }, "10": { defaultClass: "_1rsrm2f8r" }, "11": { defaultClass: "_1rsrm2f8s" }, "12": { defaultClass: "_1rsrm2f8t" }, "13": { defaultClass: "_1rsrm2f8u" }, "14": { defaultClass: "_1rsrm2f8v" }, "15": { defaultClass: "_1rsrm2f8w" }, "16": { defaultClass: "_1rsrm2f8x" }, "18": { defaultClass: "_1rsrm2f8y" }, "20": { defaultClass: "_1rsrm2f8z" }, "24": { defaultClass: "_1rsrm2f90" }, "28": { defaultClass: "_1rsrm2f91" }, "30": { defaultClass: "_1rsrm2f92" }, "32": { defaultClass: "_1rsrm2f93" }, "34": { defaultClass: "_1rsrm2f94" }, "36": { defaultClass: "_1rsrm2f95" }, "40": { defaultClass: "_1rsrm2f96" }, "44": { defaultClass: "_1rsrm2f97" }, "48": { defaultClass: "_1rsrm2f98" }, "50": { defaultClass: "_1rsrm2f99" }, "54": { defaultClass: "_1rsrm2f9a" }, "57": { defaultClass: "_1rsrm2f9b" }, "60": { defaultClass: "_1rsrm2f9c" }, "72": { defaultClass: "_1rsrm2f9d" }, "93": { defaultClass: "_1rsrm2f9e" }, "96": { defaultClass: "_1rsrm2f9f" }, "100": { defaultClass: "_1rsrm2f9g" }, "108": { defaultClass: "_1rsrm2f9h" }, "120": { defaultClass: "_1rsrm2f9i" }, "160": { defaultClass: "_1rsrm2f9j" }, "180": { defaultClass: "_1rsrm2f9k" }, "200": { defaultClass: "_1rsrm2f9l" }, "240": { defaultClass: "_1rsrm2f9m" }, half: { defaultClass: "_1rsrm2f9n" }, full: { defaultClass: "_1rsrm2f9o" }, max: { defaultClass: "_1rsrm2f9p" }, auto: { defaultClass: "_1rsrm2f9q" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9s" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9t" }, "2": { defaultClass: "_1rsrm2f9u" }, "4": { defaultClass: "_1rsrm2f9v" }, "8": { defaultClass: "_1rsrm2f9w" }, "10": { defaultClass: "_1rsrm2f9x" }, "11": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "13": { defaultClass: "_1rsrm2fa0" }, "14": { defaultClass: "_1rsrm2fa1" }, "15": { defaultClass: "_1rsrm2fa2" }, "16": { defaultClass: "_1rsrm2fa3" }, "18": { defaultClass: "_1rsrm2fa4" }, "20": { defaultClass: "_1rsrm2fa5" }, "24": { defaultClass: "_1rsrm2fa6" }, "28": { defaultClass: "_1rsrm2fa7" }, "30": { defaultClass: "_1rsrm2fa8" }, "32": { defaultClass: "_1rsrm2fa9" }, "34": { defaultClass: "_1rsrm2faa" }, "36": { defaultClass: "_1rsrm2fab" }, "40": { defaultClass: "_1rsrm2fac" }, "44": { defaultClass: "_1rsrm2fad" }, "48": { defaultClass: "_1rsrm2fae" }, "50": { defaultClass: "_1rsrm2faf" }, "54": { defaultClass: "_1rsrm2fag" }, "57": { defaultClass: "_1rsrm2fah" }, "60": { defaultClass: "_1rsrm2fai" }, "72": { defaultClass: "_1rsrm2faj" }, "93": { defaultClass: "_1rsrm2fak" }, "96": { defaultClass: "_1rsrm2fal" }, "100": { defaultClass: "_1rsrm2fam" }, "108": { defaultClass: "_1rsrm2fan" }, "120": { defaultClass: "_1rsrm2fao" }, "160": { defaultClass: "_1rsrm2fap" }, "180": { defaultClass: "_1rsrm2faq" }, "200": { defaultClass: "_1rsrm2far" }, "240": { defaultClass: "_1rsrm2fas" }, half: { defaultClass: "_1rsrm2fat" }, full: { defaultClass: "_1rsrm2fau" }, max: { defaultClass: "_1rsrm2fav" }, auto: { defaultClass: "_1rsrm2faw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fax" }, modalTopBarHeight: { defaultClass: "_1rsrm2fay" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "8": { defaultClass: "_1rsrm2fb2" }, "10": { defaultClass: "_1rsrm2fb3" }, "11": { defaultClass: "_1rsrm2fb4" }, "12": { defaultClass: "_1rsrm2fb5" }, "13": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "15": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "34": { defaultClass: "_1rsrm2fbg" }, "36": { defaultClass: "_1rsrm2fbh" }, "40": { defaultClass: "_1rsrm2fbi" }, "44": { defaultClass: "_1rsrm2fbj" }, "48": { defaultClass: "_1rsrm2fbk" }, "50": { defaultClass: "_1rsrm2fbl" }, "54": { defaultClass: "_1rsrm2fbm" }, "57": { defaultClass: "_1rsrm2fbn" }, "60": { defaultClass: "_1rsrm2fbo" }, "72": { defaultClass: "_1rsrm2fbp" }, "93": { defaultClass: "_1rsrm2fbq" }, "96": { defaultClass: "_1rsrm2fbr" }, "100": { defaultClass: "_1rsrm2fbs" }, "108": { defaultClass: "_1rsrm2fbt" }, "120": { defaultClass: "_1rsrm2fbu" }, "160": { defaultClass: "_1rsrm2fbv" }, "180": { defaultClass: "_1rsrm2fbw" }, "200": { defaultClass: "_1rsrm2fbx" }, "240": { defaultClass: "_1rsrm2fby" }, half: { defaultClass: "_1rsrm2fbz" }, full: { defaultClass: "_1rsrm2fc0" }, max: { defaultClass: "_1rsrm2fc1" }, auto: { defaultClass: "_1rsrm2fc2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc3" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc4" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc5" }, "2": { defaultClass: "_1rsrm2fc6" }, "4": { defaultClass: "_1rsrm2fc7" }, "8": { defaultClass: "_1rsrm2fc8" }, "10": { defaultClass: "_1rsrm2fc9" }, "11": { defaultClass: "_1rsrm2fca" }, "12": { defaultClass: "_1rsrm2fcb" }, "13": { defaultClass: "_1rsrm2fcc" }, "14": { defaultClass: "_1rsrm2fcd" }, "15": { defaultClass: "_1rsrm2fce" }, "16": { defaultClass: "_1rsrm2fcf" }, "18": { defaultClass: "_1rsrm2fcg" }, "20": { defaultClass: "_1rsrm2fch" }, "24": { defaultClass: "_1rsrm2fci" }, "28": { defaultClass: "_1rsrm2fcj" }, "30": { defaultClass: "_1rsrm2fck" }, "32": { defaultClass: "_1rsrm2fcl" }, "34": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "40": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "48": { defaultClass: "_1rsrm2fcq" }, "50": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "57": { defaultClass: "_1rsrm2fct" }, "60": { defaultClass: "_1rsrm2fcu" }, "72": { defaultClass: "_1rsrm2fcv" }, "93": { defaultClass: "_1rsrm2fcw" }, "96": { defaultClass: "_1rsrm2fcx" }, "100": { defaultClass: "_1rsrm2fcy" }, "108": { defaultClass: "_1rsrm2fcz" }, "120": { defaultClass: "_1rsrm2fd0" }, "160": { defaultClass: "_1rsrm2fd1" }, "180": { defaultClass: "_1rsrm2fd2" }, "200": { defaultClass: "_1rsrm2fd3" }, "240": { defaultClass: "_1rsrm2fd4" }, half: { defaultClass: "_1rsrm2fd5" }, full: { defaultClass: "_1rsrm2fd6" }, max: { defaultClass: "_1rsrm2fd7" }, auto: { defaultClass: "_1rsrm2fd8" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd9" }, modalTopBarHeight: { defaultClass: "_1rsrm2fda" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdb" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fdc" }, "1": { defaultClass: "_1rsrm2fdd" }, "2": { defaultClass: "_1rsrm2fde" }, "3": { defaultClass: "_1rsrm2fdf" }, "4": { defaultClass: "_1rsrm2fdg" }, "5": { defaultClass: "_1rsrm2fdh" }, "6": { defaultClass: "_1rsrm2fdi" }, "7": { defaultClass: "_1rsrm2fdj" }, "8": { defaultClass: "_1rsrm2fdk" }, "9": { defaultClass: "_1rsrm2fdl" }, "10": { defaultClass: "_1rsrm2fdm" }, "11": { defaultClass: "_1rsrm2fdn" }, "12": { defaultClass: "_1rsrm2fdo" }, "13": { defaultClass: "_1rsrm2fdp" }, "14": { defaultClass: "_1rsrm2fdq" }, "15": { defaultClass: "_1rsrm2fdr" }, "16": { defaultClass: "_1rsrm2fds" }, "18": { defaultClass: "_1rsrm2fdt" }, "20": { defaultClass: "_1rsrm2fdu" }, "24": { defaultClass: "_1rsrm2fdv" }, "28": { defaultClass: "_1rsrm2fdw" }, "30": { defaultClass: "_1rsrm2fdx" }, "32": { defaultClass: "_1rsrm2fdy" }, "36": { defaultClass: "_1rsrm2fdz" }, "40": { defaultClass: "_1rsrm2fe0" }, "44": { defaultClass: "_1rsrm2fe1" }, "64": { defaultClass: "_1rsrm2fe2" }, "-1": { defaultClass: "_1rsrm2fe3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe9" }, "1": { defaultClass: "_1rsrm2fea" }, "2": { defaultClass: "_1rsrm2feb" }, "3": { defaultClass: "_1rsrm2fec" }, "4": { defaultClass: "_1rsrm2fed" }, "5": { defaultClass: "_1rsrm2fee" }, "6": { defaultClass: "_1rsrm2fef" }, "7": { defaultClass: "_1rsrm2feg" }, "8": { defaultClass: "_1rsrm2feh" }, "9": { defaultClass: "_1rsrm2fei" }, "10": { defaultClass: "_1rsrm2fej" }, "11": { defaultClass: "_1rsrm2fek" }, "12": { defaultClass: "_1rsrm2fel" }, "13": { defaultClass: "_1rsrm2fem" }, "14": { defaultClass: "_1rsrm2fen" }, "15": { defaultClass: "_1rsrm2feo" }, "16": { defaultClass: "_1rsrm2fep" }, "18": { defaultClass: "_1rsrm2feq" }, "20": { defaultClass: "_1rsrm2fer" }, "24": { defaultClass: "_1rsrm2fes" }, "28": { defaultClass: "_1rsrm2fet" }, "30": { defaultClass: "_1rsrm2feu" }, "32": { defaultClass: "_1rsrm2fev" }, "36": { defaultClass: "_1rsrm2few" }, "40": { defaultClass: "_1rsrm2fex" }, "44": { defaultClass: "_1rsrm2fey" }, "64": { defaultClass: "_1rsrm2fez" }, "-1": { defaultClass: "_1rsrm2ff0" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff1" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff2" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff3" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff4" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff5" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff6" }, "1": { defaultClass: "_1rsrm2ff7" }, "2": { defaultClass: "_1rsrm2ff8" }, "3": { defaultClass: "_1rsrm2ff9" }, "4": { defaultClass: "_1rsrm2ffa" }, "5": { defaultClass: "_1rsrm2ffb" }, "6": { defaultClass: "_1rsrm2ffc" }, "7": { defaultClass: "_1rsrm2ffd" }, "8": { defaultClass: "_1rsrm2ffe" }, "9": { defaultClass: "_1rsrm2fff" }, "10": { defaultClass: "_1rsrm2ffg" }, "11": { defaultClass: "_1rsrm2ffh" }, "12": { defaultClass: "_1rsrm2ffi" }, "13": { defaultClass: "_1rsrm2ffj" }, "14": { defaultClass: "_1rsrm2ffk" }, "15": { defaultClass: "_1rsrm2ffl" }, "16": { defaultClass: "_1rsrm2ffm" }, "18": { defaultClass: "_1rsrm2ffn" }, "20": { defaultClass: "_1rsrm2ffo" }, "24": { defaultClass: "_1rsrm2ffp" }, "28": { defaultClass: "_1rsrm2ffq" }, "30": { defaultClass: "_1rsrm2ffr" }, "32": { defaultClass: "_1rsrm2ffs" }, "36": { defaultClass: "_1rsrm2fft" }, "40": { defaultClass: "_1rsrm2ffu" }, "44": { defaultClass: "_1rsrm2ffv" }, "64": { defaultClass: "_1rsrm2ffw" }, "-1": { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffz" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg1" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg2" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg3" }, "1": { defaultClass: "_1rsrm2fg4" }, "2": { defaultClass: "_1rsrm2fg5" }, "3": { defaultClass: "_1rsrm2fg6" }, "4": { defaultClass: "_1rsrm2fg7" }, "5": { defaultClass: "_1rsrm2fg8" }, "6": { defaultClass: "_1rsrm2fg9" }, "7": { defaultClass: "_1rsrm2fga" }, "8": { defaultClass: "_1rsrm2fgb" }, "9": { defaultClass: "_1rsrm2fgc" }, "10": { defaultClass: "_1rsrm2fgd" }, "11": { defaultClass: "_1rsrm2fge" }, "12": { defaultClass: "_1rsrm2fgf" }, "13": { defaultClass: "_1rsrm2fgg" }, "14": { defaultClass: "_1rsrm2fgh" }, "15": { defaultClass: "_1rsrm2fgi" }, "16": { defaultClass: "_1rsrm2fgj" }, "18": { defaultClass: "_1rsrm2fgk" }, "20": { defaultClass: "_1rsrm2fgl" }, "24": { defaultClass: "_1rsrm2fgm" }, "28": { defaultClass: "_1rsrm2fgn" }, "30": { defaultClass: "_1rsrm2fgo" }, "32": { defaultClass: "_1rsrm2fgp" }, "36": { defaultClass: "_1rsrm2fgq" }, "40": { defaultClass: "_1rsrm2fgr" }, "44": { defaultClass: "_1rsrm2fgs" }, "64": { defaultClass: "_1rsrm2fgt" }, "-1": { defaultClass: "_1rsrm2fgu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgz" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh0" }, fixed: { defaultClass: "_1rsrm2fh1" }, relative: { defaultClass: "_1rsrm2fh2" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh3" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh4" }, transform: { defaultClass: "_1rsrm2fh5" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh6" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fh7" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh8" }, "2": { defaultClass: "_1rsrm2fh9" }, "4": { defaultClass: "_1rsrm2fha" }, "8": { defaultClass: "_1rsrm2fhb" }, "10": { defaultClass: "_1rsrm2fhc" }, "11": { defaultClass: "_1rsrm2fhd" }, "12": { defaultClass: "_1rsrm2fhe" }, "13": { defaultClass: "_1rsrm2fhf" }, "14": { defaultClass: "_1rsrm2fhg" }, "15": { defaultClass: "_1rsrm2fhh" }, "16": { defaultClass: "_1rsrm2fhi" }, "18": { defaultClass: "_1rsrm2fhj" }, "20": { defaultClass: "_1rsrm2fhk" }, "24": { defaultClass: "_1rsrm2fhl" }, "28": { defaultClass: "_1rsrm2fhm" }, "30": { defaultClass: "_1rsrm2fhn" }, "32": { defaultClass: "_1rsrm2fho" }, "34": { defaultClass: "_1rsrm2fhp" }, "36": { defaultClass: "_1rsrm2fhq" }, "40": { defaultClass: "_1rsrm2fhr" }, "44": { defaultClass: "_1rsrm2fhs" }, "48": { defaultClass: "_1rsrm2fht" }, "50": { defaultClass: "_1rsrm2fhu" }, "54": { defaultClass: "_1rsrm2fhv" }, "57": { defaultClass: "_1rsrm2fhw" }, "60": { defaultClass: "_1rsrm2fhx" }, "72": { defaultClass: "_1rsrm2fhy" }, "93": { defaultClass: "_1rsrm2fhz" }, "96": { defaultClass: "_1rsrm2fi0" }, "100": { defaultClass: "_1rsrm2fi1" }, "108": { defaultClass: "_1rsrm2fi2" }, "120": { defaultClass: "_1rsrm2fi3" }, "160": { defaultClass: "_1rsrm2fi4" }, "180": { defaultClass: "_1rsrm2fi5" }, "200": { defaultClass: "_1rsrm2fi6" }, "240": { defaultClass: "_1rsrm2fi7" }, half: { defaultClass: "_1rsrm2fi8" }, full: { defaultClass: "_1rsrm2fi9" }, max: { defaultClass: "_1rsrm2fia" }, auto: { defaultClass: "_1rsrm2fib" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fic" }, modalTopBarHeight: { defaultClass: "_1rsrm2fid" } } } } });
|
|
49
|
+
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundInverse: "var(--rk-colors-offBackgroundInverse)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", actionButtonInner: "var(--rk-radii-actionButtonInner)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, spacing: { modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
50
50
|
|
|
51
51
|
// src/css/atoms.ts
|
|
52
52
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -125,9 +125,22 @@ var SpinnerIconClassName = "qe221a2";
|
|
|
125
125
|
var SpinnerIconWithBackgroundInnerClassName = "qe221a5";
|
|
126
126
|
var SpinnerIconWithBackgroundOuterClassName = "qe221a4";
|
|
127
127
|
|
|
128
|
+
// src/components/Icons/utils.ts
|
|
129
|
+
function getCSSVariable(colorName) {
|
|
130
|
+
if (!colorName) {
|
|
131
|
+
return void 0;
|
|
132
|
+
}
|
|
133
|
+
return `var(--rk-colors-${colorName})`;
|
|
134
|
+
}
|
|
135
|
+
|
|
128
136
|
// src/components/Icons/SpinnerIcon.tsx
|
|
129
|
-
var SpinnerIcon = ({
|
|
130
|
-
|
|
137
|
+
var SpinnerIcon = ({
|
|
138
|
+
size = 21,
|
|
139
|
+
backgroundColor: _,
|
|
140
|
+
indicatorColor
|
|
141
|
+
}) => {
|
|
142
|
+
const indicatorColorValue = getCSSVariable(indicatorColor) || "var(--rk-colors-spinnerIndicator)";
|
|
143
|
+
return /* @__PURE__ */ React3.createElement(
|
|
131
144
|
"svg",
|
|
132
145
|
{
|
|
133
146
|
width: size,
|
|
@@ -140,22 +153,22 @@ var SpinnerIcon = ({ size = 21 }) => {
|
|
|
140
153
|
/* @__PURE__ */ React3.createElement(
|
|
141
154
|
"path",
|
|
142
155
|
{
|
|
143
|
-
opacity: "0.5",
|
|
144
156
|
d: "M13.25 7C13.25 8.64289 12.6171 10.1363 11.5804 11.2524C11.0305 11.8444 10.3677 12.3293 9.62682 12.673C8.82915 13.0431 7.93977 13.25 7 13.25C3.54822 13.25 0.75 10.4518 0.75 7C0.75 3.54822 3.54822 0.75 7 0.75C10.4518 0.75 13.25 3.54822 13.25 7Z",
|
|
145
|
-
stroke:
|
|
146
|
-
strokeWidth: "1.5"
|
|
157
|
+
stroke: indicatorColorValue,
|
|
158
|
+
strokeWidth: "1.5",
|
|
159
|
+
strokeOpacity: 0.2
|
|
147
160
|
}
|
|
148
161
|
),
|
|
149
162
|
/* @__PURE__ */ React3.createElement(
|
|
150
163
|
"path",
|
|
151
164
|
{
|
|
152
165
|
d: "M6.91211 13.2504C10.3965 13.2504 13.2212 10.4257 13.2212 6.94133C13.2212 5.63413 12.8236 4.41978 12.1428 3.4126",
|
|
153
|
-
stroke:
|
|
166
|
+
stroke: indicatorColorValue,
|
|
154
167
|
strokeWidth: "1.5",
|
|
155
168
|
strokeLinecap: "round"
|
|
156
169
|
}
|
|
157
170
|
)
|
|
158
|
-
)
|
|
171
|
+
);
|
|
159
172
|
};
|
|
160
173
|
|
|
161
174
|
// src/components/Avatar/MarbleAvatar.tsx
|
|
@@ -400,13 +413,13 @@ function Avatar({ address, imageUrl, loading, size }) {
|
|
|
400
413
|
}
|
|
401
414
|
|
|
402
415
|
// src/components/ConnectButton/ConnectButton.tsx
|
|
403
|
-
import React254, { useEffect as
|
|
416
|
+
import React254, { useEffect as useEffect57, useState as useState75 } from "react";
|
|
404
417
|
|
|
405
418
|
// src/css/touchableStyles.css.ts
|
|
406
419
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
407
|
-
var base2 = "_7rkubb3
|
|
420
|
+
var base2 = "_7rkubb3 _1rsrm2fh2";
|
|
408
421
|
var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
|
|
409
|
-
var primaryBase = "_7rkubb5
|
|
422
|
+
var primaryBase = "_7rkubb5 _1rsrm2fh2";
|
|
410
423
|
|
|
411
424
|
// src/css/touchableStyles.ts
|
|
412
425
|
function touchableStyles({ active: active2, hover: hover2 }) {
|
|
@@ -508,7 +521,7 @@ import React251, {
|
|
|
508
521
|
createContext as createContext18,
|
|
509
522
|
useCallback as useCallback49,
|
|
510
523
|
useContext as useContext17,
|
|
511
|
-
useEffect as
|
|
524
|
+
useEffect as useEffect55,
|
|
512
525
|
useMemo as useMemo39,
|
|
513
526
|
useState as useState72
|
|
514
527
|
} from "react";
|
|
@@ -798,6 +811,7 @@ function useFunkitConfig() {
|
|
|
798
811
|
|
|
799
812
|
// src/providers/provideFunkitConnectChains.ts
|
|
800
813
|
import {
|
|
814
|
+
HYPERCORE_CHAIN_ID,
|
|
801
815
|
HYPER_EVM_CHAIN_ID,
|
|
802
816
|
KATANA_CHAIN_ID,
|
|
803
817
|
SOLANA_MAINNET_CHAIN_ID
|
|
@@ -895,6 +909,10 @@ var hyperEvmIcon = {
|
|
|
895
909
|
iconBackground: "#000000",
|
|
896
910
|
iconUrl: "https://sdk-cdn.fun.xyz/images/hyperevm.svg"
|
|
897
911
|
};
|
|
912
|
+
var hyperCoreIcon = {
|
|
913
|
+
iconBackground: "#000000",
|
|
914
|
+
iconUrl: "https://sdk-cdn.fun.xyz/images/hyperevm.svg"
|
|
915
|
+
};
|
|
898
916
|
var chainMetadataByName = {
|
|
899
917
|
abstract: { chainId: 2741, name: "Abstract", ...abstractIcon },
|
|
900
918
|
arbitrum: { chainId: 42161, name: "Arbitrum", ...arbitrumIcon },
|
|
@@ -955,6 +973,12 @@ var chainMetadataByName = {
|
|
|
955
973
|
name: "Solana",
|
|
956
974
|
...solanaIcon
|
|
957
975
|
},
|
|
976
|
+
// Non-evm -- Funkit HyperCore support
|
|
977
|
+
hyperCore: {
|
|
978
|
+
chainId: HYPERCORE_CHAIN_ID,
|
|
979
|
+
name: "HyperCore",
|
|
980
|
+
...hyperCoreIcon
|
|
981
|
+
},
|
|
958
982
|
xdc: { chainId: 50, name: "XinFin", ...xdcIcon },
|
|
959
983
|
xdcTestnet: { chainId: 51, name: "XinFin Testnet", ...xdcIcon },
|
|
960
984
|
zetachain: { chainId: 7e3, name: "ZetaChain", ...zetachainIcon },
|
|
@@ -1035,7 +1059,7 @@ import React250, {
|
|
|
1035
1059
|
createContext as createContext17,
|
|
1036
1060
|
useCallback as useCallback48,
|
|
1037
1061
|
useContext as useContext16,
|
|
1038
|
-
useEffect as
|
|
1062
|
+
useEffect as useEffect54,
|
|
1039
1063
|
useMemo as useMemo38,
|
|
1040
1064
|
useState as useState71
|
|
1041
1065
|
} from "react";
|
|
@@ -1044,22 +1068,22 @@ import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useC
|
|
|
1044
1068
|
// src/components/Dialog/Dialog.css.ts
|
|
1045
1069
|
var DialogAnimationTimeIn = 0.25;
|
|
1046
1070
|
var DialogAnimationTimeOut = 0.12;
|
|
1047
|
-
var content = "_1r8f573 _1rsrm2fa _1rsrm2f1p
|
|
1071
|
+
var content = "_1r8f573 _1rsrm2fa _1rsrm2f1p _1rsrm2fh2";
|
|
1048
1072
|
var easing = [0.3, 0, 0.06, 1];
|
|
1049
1073
|
var itemsAlignCenter = "_1r8f57a";
|
|
1050
1074
|
var itemsAlignEnd = "_1r8f57b";
|
|
1051
|
-
var overlay = "_1r8f571
|
|
1075
|
+
var overlay = "_1r8f571 _1rsrm2fh7 _1rsrm2flk _1rsrm2fa _1rsrm2f4g _1rsrm2fh1";
|
|
1052
1076
|
var titleContainer = "_1r8f574";
|
|
1053
|
-
var topbarFadeBackground = "_1r8f579
|
|
1077
|
+
var topbarFadeBackground = "_1r8f579 _1rsrm2flq _1rsrm2fh0";
|
|
1054
1078
|
var topbarFadeWrapper = "_1r8f577";
|
|
1055
|
-
var topbarOverflowContent = "_1r8f576
|
|
1079
|
+
var topbarOverflowContent = "_1r8f576 _1rsrm2feq _1rsrm2ffn";
|
|
1056
1080
|
|
|
1057
1081
|
// src/modals/WithdrwalModal/WithdrawalModal.tsx
|
|
1058
1082
|
import React222, { useState as useState64 } from "react";
|
|
1059
1083
|
|
|
1060
1084
|
// src/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.tsx
|
|
1061
1085
|
import { clamp } from "@funkit/utils";
|
|
1062
|
-
import
|
|
1086
|
+
import React50, { useRef as useRef4, useState as useState13 } from "react";
|
|
1063
1087
|
|
|
1064
1088
|
// src/domains/checkout.ts
|
|
1065
1089
|
import {
|
|
@@ -2320,8 +2344,8 @@ import {
|
|
|
2320
2344
|
CAMBRIA_API_KEY,
|
|
2321
2345
|
DEGEN_API_KEY,
|
|
2322
2346
|
DEV_API_KEY as DEV_API_KEY2,
|
|
2323
|
-
ETHEREAL_API_KEY,
|
|
2324
2347
|
HYPERBEAT_API_KEY,
|
|
2348
|
+
HYPERDASH_API_KEY,
|
|
2325
2349
|
HYPERSWAP_API_KEY,
|
|
2326
2350
|
KATANA_API_KEY,
|
|
2327
2351
|
OSTIUM_API_KEY,
|
|
@@ -2381,7 +2405,11 @@ var QR_CODE_EVM = {
|
|
|
2381
2405
|
// optimism
|
|
2382
2406
|
10: ["USDC", "USDT", "DAI", "ETH", "WETH"],
|
|
2383
2407
|
// bsc
|
|
2384
|
-
56: ["BNB", "WBNB", "ETH", "USDC", "USDT", "DAI", "BUSD", "BTCB"]
|
|
2408
|
+
56: ["BNB", "WBNB", "ETH", "USDC", "USDT", "DAI", "BUSD", "BTCB"],
|
|
2409
|
+
// abstract
|
|
2410
|
+
2741: ["USDC", "USDC.e", "ETH", "WETH"]
|
|
2411
|
+
// hyperevm TODO: Enable once DLQ issue is patched
|
|
2412
|
+
// 999: ['HYPE', 'WETH', 'USDT'],
|
|
2385
2413
|
};
|
|
2386
2414
|
var QR_CODE_WITH_SOLANA = {
|
|
2387
2415
|
...QR_CODE_EVM,
|
|
@@ -2471,7 +2499,8 @@ var flagConfig = {
|
|
|
2471
2499
|
KATANA_API_KEY,
|
|
2472
2500
|
CAMBRIA_API_KEY,
|
|
2473
2501
|
HYPERBEAT_API_KEY,
|
|
2474
|
-
HYPERSWAP_API_KEY
|
|
2502
|
+
HYPERSWAP_API_KEY,
|
|
2503
|
+
HYPERDASH_API_KEY
|
|
2475
2504
|
]
|
|
2476
2505
|
}
|
|
2477
2506
|
],
|
|
@@ -2528,20 +2557,7 @@ var flagConfig = {
|
|
|
2528
2557
|
},
|
|
2529
2558
|
[FlagKey.TokenTransferSourceChainsAndAssets]: {
|
|
2530
2559
|
type: "string",
|
|
2531
|
-
default_value: JSON.stringify(QR_CODE_WITH_SOLANA)
|
|
2532
|
-
overrides: [
|
|
2533
|
-
{
|
|
2534
|
-
// No Solana for Katana (relay) QR flows
|
|
2535
|
-
value: JSON.stringify(QR_CODE_EVM),
|
|
2536
|
-
if_any: [
|
|
2537
|
-
{
|
|
2538
|
-
key: "apiKey",
|
|
2539
|
-
type: "isAnyOf",
|
|
2540
|
-
values: [KATANA_API_KEY]
|
|
2541
|
-
}
|
|
2542
|
-
]
|
|
2543
|
-
}
|
|
2544
|
-
]
|
|
2560
|
+
default_value: JSON.stringify(QR_CODE_WITH_SOLANA)
|
|
2545
2561
|
},
|
|
2546
2562
|
[FlagKey.WithdrawalChainsAndAssets]: {
|
|
2547
2563
|
type: "string",
|
|
@@ -2661,24 +2677,9 @@ var flagConfig = {
|
|
|
2661
2677
|
// NOTE: listRefresh should be greater than itemRefresh
|
|
2662
2678
|
// otherwise you will not see notification refresh
|
|
2663
2679
|
default_value: JSON.stringify({
|
|
2664
|
-
listRefresh:
|
|
2665
|
-
itemRefresh:
|
|
2666
|
-
})
|
|
2667
|
-
overrides: [
|
|
2668
|
-
{
|
|
2669
|
-
if_any: [
|
|
2670
|
-
{
|
|
2671
|
-
key: "apiKey",
|
|
2672
|
-
type: "isAnyOf",
|
|
2673
|
-
values: [KATANA_API_KEY, POLYMARKET_API_KEY]
|
|
2674
|
-
}
|
|
2675
|
-
],
|
|
2676
|
-
value: JSON.stringify({
|
|
2677
|
-
listRefresh: 5 * 1e3,
|
|
2678
|
-
itemRefresh: 2 * 1e3
|
|
2679
|
-
})
|
|
2680
|
-
}
|
|
2681
|
-
]
|
|
2680
|
+
listRefresh: 5 * 1e3,
|
|
2681
|
+
itemRefresh: 2 * 1e3
|
|
2682
|
+
})
|
|
2682
2683
|
},
|
|
2683
2684
|
[FlagKey.TokenTransferNewTokens]: {
|
|
2684
2685
|
type: "string",
|
|
@@ -2690,46 +2691,7 @@ var flagConfig = {
|
|
|
2690
2691
|
},
|
|
2691
2692
|
[FlagKey.IsRelayBypassEnabled]: {
|
|
2692
2693
|
type: "boolean",
|
|
2693
|
-
default_value:
|
|
2694
|
-
overrides: [
|
|
2695
|
-
{
|
|
2696
|
-
value: true,
|
|
2697
|
-
if_any: [
|
|
2698
|
-
// Full rollout to Katana / Ethereal
|
|
2699
|
-
{
|
|
2700
|
-
key: "apiKey",
|
|
2701
|
-
type: "isAnyOf",
|
|
2702
|
-
values: [
|
|
2703
|
-
POLYMARKET_API_KEY,
|
|
2704
|
-
OSTIUM_API_KEY,
|
|
2705
|
-
ETHEREAL_API_KEY,
|
|
2706
|
-
KATANA_API_KEY,
|
|
2707
|
-
HYPERBEAT_API_KEY,
|
|
2708
|
-
HYPERSWAP_API_KEY,
|
|
2709
|
-
SUSHI_API_KEY,
|
|
2710
|
-
BANKR_API_KEY,
|
|
2711
|
-
DEGEN_API_KEY
|
|
2712
|
-
]
|
|
2713
|
-
}
|
|
2714
|
-
// Rollout to specific users across all customers
|
|
2715
|
-
// {
|
|
2716
|
-
// key: 'userId',
|
|
2717
|
-
// type: 'isAnyOf',
|
|
2718
|
-
// values: [
|
|
2719
|
-
// '0x6ec0c2f25d323e7779925Cc20c3740101f990d9F',
|
|
2720
|
-
// '0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6',
|
|
2721
|
-
// '0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6',
|
|
2722
|
-
// '0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486',
|
|
2723
|
-
// '0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4',
|
|
2724
|
-
// '0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2', // Felix
|
|
2725
|
-
// '0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8', // Greg
|
|
2726
|
-
// '0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528', // Panda
|
|
2727
|
-
// '0x21b94a3E67c4a72d3D15f478A696c5175f036092', // Jianhe
|
|
2728
|
-
// ],
|
|
2729
|
-
// },
|
|
2730
|
-
]
|
|
2731
|
-
}
|
|
2732
|
-
]
|
|
2694
|
+
default_value: true
|
|
2733
2695
|
},
|
|
2734
2696
|
[FlagKey.RelayBypassSourceChainsAndAssets]: {
|
|
2735
2697
|
type: "string",
|
|
@@ -2757,6 +2719,9 @@ var flagConfig = {
|
|
|
2757
2719
|
747474: ["*"],
|
|
2758
2720
|
999: ["*"],
|
|
2759
2721
|
2741: ["*"],
|
|
2722
|
+
// HyperCore
|
|
2723
|
+
1337: ["*"],
|
|
2724
|
+
// Solana
|
|
2760
2725
|
1151111081099710: [
|
|
2761
2726
|
"11111111111111111111111111111111",
|
|
2762
2727
|
"EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v",
|
|
@@ -3141,7 +3106,7 @@ import { FlagKey as FlagKey2 } from "@funkit/utils";
|
|
|
3141
3106
|
import {
|
|
3142
3107
|
BANKR_API_KEY as BANKR_API_KEY2,
|
|
3143
3108
|
BSX_API_KEY,
|
|
3144
|
-
ETHEREAL_API_KEY
|
|
3109
|
+
ETHEREAL_API_KEY,
|
|
3145
3110
|
HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
|
|
3146
3111
|
KATANA_API_KEY as KATANA_API_KEY2,
|
|
3147
3112
|
OSTIUM_API_KEY as OSTIUM_API_KEY2,
|
|
@@ -3160,7 +3125,7 @@ function isBsxCustomer(apiKey) {
|
|
|
3160
3125
|
return apiKey === BSX_API_KEY;
|
|
3161
3126
|
}
|
|
3162
3127
|
function isEtherealCustomer(apiKey) {
|
|
3163
|
-
return apiKey ===
|
|
3128
|
+
return apiKey === ETHEREAL_API_KEY;
|
|
3164
3129
|
}
|
|
3165
3130
|
function isKatanaCustomer(apiKey) {
|
|
3166
3131
|
return apiKey === KATANA_API_KEY2;
|
|
@@ -5606,35 +5571,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
|
|
|
5606
5571
|
};
|
|
5607
5572
|
|
|
5608
5573
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
|
|
5609
|
-
import
|
|
5610
|
-
|
|
5611
|
-
// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
|
|
5612
|
-
import clsx3 from "clsx";
|
|
5613
|
-
import React41 from "react";
|
|
5614
|
-
|
|
5615
|
-
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
5616
|
-
var animateSkeletonClass = "dj0x602 _1rsrm2fo2";
|
|
5617
|
-
var circleSkeletonClass = "dj0x603";
|
|
5618
|
-
|
|
5619
|
-
// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
|
|
5620
|
-
function FunSkeletonCircle({
|
|
5621
|
-
size = "20",
|
|
5622
|
-
...props
|
|
5623
|
-
}) {
|
|
5624
|
-
return /* @__PURE__ */ React41.createElement(
|
|
5625
|
-
Box,
|
|
5626
|
-
{
|
|
5627
|
-
borderRadius: "full",
|
|
5628
|
-
className: clsx3(
|
|
5629
|
-
animateSkeletonClass,
|
|
5630
|
-
circleSkeletonClass
|
|
5631
|
-
),
|
|
5632
|
-
height: size,
|
|
5633
|
-
width: size,
|
|
5634
|
-
...props
|
|
5635
|
-
}
|
|
5636
|
-
);
|
|
5637
|
-
}
|
|
5574
|
+
import React48, { useEffect as useEffect11, useMemo as useMemo8, useState as useState11 } from "react";
|
|
5638
5575
|
|
|
5639
5576
|
// src/components/TransactionStatus/TransactionStatus.tsx
|
|
5640
5577
|
import {
|
|
@@ -5642,16 +5579,172 @@ import {
|
|
|
5642
5579
|
motion as motion2,
|
|
5643
5580
|
useAnimate
|
|
5644
5581
|
} from "motion/react";
|
|
5645
|
-
import
|
|
5582
|
+
import React47, {
|
|
5646
5583
|
useCallback as useCallback10,
|
|
5647
|
-
useEffect as
|
|
5584
|
+
useEffect as useEffect10,
|
|
5648
5585
|
useRef as useRef3,
|
|
5649
|
-
useState as
|
|
5586
|
+
useState as useState10
|
|
5650
5587
|
} from "react";
|
|
5651
5588
|
|
|
5589
|
+
// src/providers/FunkitThemeProvider.tsx
|
|
5590
|
+
import React41, { createContext as createContext12, useContext as useContext11, useEffect as useEffect9, useState as useState9 } from "react";
|
|
5591
|
+
var FUNKIT_THEME_CACHE_KEY = "funkit-connect-is-light";
|
|
5592
|
+
var DEFAULT_THEME_SET = {
|
|
5593
|
+
lightTheme: lightTheme(),
|
|
5594
|
+
darkTheme: darkTheme()
|
|
5595
|
+
};
|
|
5596
|
+
var DEFAULT_THEME = DEFAULT_THEME_SET.darkTheme;
|
|
5597
|
+
var ThemeIdContext = createContext12(void 0);
|
|
5598
|
+
var attr = "data-rk";
|
|
5599
|
+
function isThemeSet(themeOrThemeSet) {
|
|
5600
|
+
return themeOrThemeSet.lightTheme !== void 0 && themeOrThemeSet.darkTheme !== void 0;
|
|
5601
|
+
}
|
|
5602
|
+
var createThemeRootProps = (id) => ({
|
|
5603
|
+
[attr]: id || ""
|
|
5604
|
+
});
|
|
5605
|
+
var useThemeRootProps = () => {
|
|
5606
|
+
const id = useContext11(ThemeIdContext);
|
|
5607
|
+
return createThemeRootProps(id);
|
|
5608
|
+
};
|
|
5609
|
+
var ThemeContext = createContext12({
|
|
5610
|
+
activeTheme: DEFAULT_THEME,
|
|
5611
|
+
lightTheme: void 0,
|
|
5612
|
+
darkTheme: void 0,
|
|
5613
|
+
setTheme: () => {
|
|
5614
|
+
return;
|
|
5615
|
+
},
|
|
5616
|
+
toggleTheme: () => {
|
|
5617
|
+
return;
|
|
5618
|
+
},
|
|
5619
|
+
themeColorScheme: void 0
|
|
5620
|
+
});
|
|
5621
|
+
var useActiveTheme = () => {
|
|
5622
|
+
const {
|
|
5623
|
+
activeTheme,
|
|
5624
|
+
setTheme,
|
|
5625
|
+
lightTheme: lightTheme2,
|
|
5626
|
+
darkTheme: darkTheme2,
|
|
5627
|
+
toggleTheme,
|
|
5628
|
+
themeColorScheme
|
|
5629
|
+
} = useContext11(ThemeContext);
|
|
5630
|
+
return {
|
|
5631
|
+
activeTheme,
|
|
5632
|
+
/** Overrides the currently active `theme` with disregard to the `theme` provided to the `FunkitProvider`, ie. `toggleTheme` will switch to the `theme` provided to the `FunkitProvider`, not the theme set by `setTheme` */
|
|
5633
|
+
setTheme,
|
|
5634
|
+
/** Returns the `light` theme as long as a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it will be returned as `lightTheme` and `darkTheme` making them the same */
|
|
5635
|
+
lightTheme: lightTheme2,
|
|
5636
|
+
/** Returns the `dark` theme as long as a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it will be returned as `darkTheme` and `lightTheme` making them the same */
|
|
5637
|
+
darkTheme: darkTheme2,
|
|
5638
|
+
/** Toggles between `light` and `dark` themes as long as they were passed to the `FunkitProvider`, if only a single theme object was passed toggling will be disabled */
|
|
5639
|
+
toggleTheme,
|
|
5640
|
+
/** Returns an indication whether a `light` or a `dark` theme should be currently active, has meaning only if a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it reflects the system color scheme */
|
|
5641
|
+
themeColorScheme
|
|
5642
|
+
};
|
|
5643
|
+
};
|
|
5644
|
+
var getConfigTheme = (themeOrThemeSet, systemColorScheme) => {
|
|
5645
|
+
const isSystemLight = systemColorScheme === "light";
|
|
5646
|
+
if (!themeOrThemeSet) {
|
|
5647
|
+
logger.warn(
|
|
5648
|
+
"theme config undefined, using themeSet of default light and dark themes"
|
|
5649
|
+
);
|
|
5650
|
+
return isSystemLight ? DEFAULT_THEME_SET.lightTheme : DEFAULT_THEME_SET.darkTheme;
|
|
5651
|
+
}
|
|
5652
|
+
if (isThemeSet(themeOrThemeSet)) {
|
|
5653
|
+
const { lightTheme: lightTheme2, darkTheme: darkTheme2 } = themeOrThemeSet;
|
|
5654
|
+
return isSystemLight ? lightTheme2 : darkTheme2;
|
|
5655
|
+
}
|
|
5656
|
+
return themeOrThemeSet;
|
|
5657
|
+
};
|
|
5658
|
+
var setCurrentIsLightToCache = (isLight) => {
|
|
5659
|
+
try {
|
|
5660
|
+
window.localStorage.setItem(FUNKIT_THEME_CACHE_KEY, JSON.stringify(isLight));
|
|
5661
|
+
} catch (_err) {
|
|
5662
|
+
}
|
|
5663
|
+
};
|
|
5664
|
+
var FunkitThemeProvider = ({
|
|
5665
|
+
children,
|
|
5666
|
+
theme: themeOrThemeSet = DEFAULT_THEME_SET
|
|
5667
|
+
}) => {
|
|
5668
|
+
const [systemColorScheme, setSystemColorScheme] = useState9(void 0);
|
|
5669
|
+
const [themeColorScheme, setThemeColorScheme] = useState9(void 0);
|
|
5670
|
+
const [activeTheme, setActiveTheme] = useState9(
|
|
5671
|
+
getConfigTheme(themeOrThemeSet, systemColorScheme)
|
|
5672
|
+
);
|
|
5673
|
+
useEffect9(() => {
|
|
5674
|
+
const handler = (e) => {
|
|
5675
|
+
const colorScheme = e.matches ? "light" : "dark";
|
|
5676
|
+
setSystemColorScheme(colorScheme);
|
|
5677
|
+
setThemeColorScheme(colorScheme);
|
|
5678
|
+
};
|
|
5679
|
+
if (window?.matchMedia) {
|
|
5680
|
+
const matcher = window.matchMedia("(prefers-color-scheme: light)");
|
|
5681
|
+
const colorScheme = matcher.matches ? "light" : "dark";
|
|
5682
|
+
setSystemColorScheme(colorScheme);
|
|
5683
|
+
setThemeColorScheme(colorScheme);
|
|
5684
|
+
matcher.addEventListener("change", handler);
|
|
5685
|
+
return () => {
|
|
5686
|
+
matcher.removeEventListener("change", handler);
|
|
5687
|
+
};
|
|
5688
|
+
}
|
|
5689
|
+
}, []);
|
|
5690
|
+
useEffect9(() => {
|
|
5691
|
+
setActiveTheme(getConfigTheme(themeOrThemeSet, systemColorScheme));
|
|
5692
|
+
}, [systemColorScheme, themeOrThemeSet]);
|
|
5693
|
+
const isFullThemeSet = isThemeSet(themeOrThemeSet);
|
|
5694
|
+
const lightTheme2 = isFullThemeSet ? themeOrThemeSet.lightTheme : themeOrThemeSet;
|
|
5695
|
+
const darkTheme2 = isFullThemeSet ? themeOrThemeSet.darkTheme : themeOrThemeSet;
|
|
5696
|
+
return /* @__PURE__ */ React41.createElement(
|
|
5697
|
+
ThemeContext.Provider,
|
|
5698
|
+
{
|
|
5699
|
+
value: {
|
|
5700
|
+
activeTheme,
|
|
5701
|
+
lightTheme: lightTheme2,
|
|
5702
|
+
darkTheme: darkTheme2,
|
|
5703
|
+
themeColorScheme,
|
|
5704
|
+
setTheme: (newTheme) => {
|
|
5705
|
+
if (!newTheme) {
|
|
5706
|
+
return;
|
|
5707
|
+
}
|
|
5708
|
+
setActiveTheme(newTheme);
|
|
5709
|
+
},
|
|
5710
|
+
toggleTheme: (colorScheme) => {
|
|
5711
|
+
if (isFullThemeSet) {
|
|
5712
|
+
if (colorScheme) {
|
|
5713
|
+
if (colorScheme === "light") {
|
|
5714
|
+
setActiveTheme(lightTheme2);
|
|
5715
|
+
setThemeColorScheme("light");
|
|
5716
|
+
setCurrentIsLightToCache(true);
|
|
5717
|
+
} else {
|
|
5718
|
+
setActiveTheme(darkTheme2);
|
|
5719
|
+
setThemeColorScheme("dark");
|
|
5720
|
+
setCurrentIsLightToCache(false);
|
|
5721
|
+
}
|
|
5722
|
+
} else {
|
|
5723
|
+
if (themeColorScheme === "light") {
|
|
5724
|
+
setActiveTheme(darkTheme2);
|
|
5725
|
+
setThemeColorScheme("dark");
|
|
5726
|
+
setCurrentIsLightToCache(false);
|
|
5727
|
+
} else if (themeColorScheme === "dark") {
|
|
5728
|
+
setActiveTheme(lightTheme2);
|
|
5729
|
+
setThemeColorScheme("light");
|
|
5730
|
+
setCurrentIsLightToCache(true);
|
|
5731
|
+
}
|
|
5732
|
+
}
|
|
5733
|
+
} else {
|
|
5734
|
+
logger.warn(
|
|
5735
|
+
"Toggling is disabled since only one theme was provided as a whole themeSet, toggling would make no difference"
|
|
5736
|
+
);
|
|
5737
|
+
}
|
|
5738
|
+
}
|
|
5739
|
+
}
|
|
5740
|
+
},
|
|
5741
|
+
children
|
|
5742
|
+
);
|
|
5743
|
+
};
|
|
5744
|
+
|
|
5652
5745
|
// src/components/FunButton/FunLinkButton.tsx
|
|
5653
5746
|
import React43 from "react";
|
|
5654
|
-
import
|
|
5747
|
+
import clsx3 from "clsx";
|
|
5655
5748
|
|
|
5656
5749
|
// src/components/Text/Text.tsx
|
|
5657
5750
|
import React42 from "react";
|
|
@@ -5696,13 +5789,13 @@ var Text = React42.forwardRef(
|
|
|
5696
5789
|
Text.displayName = "Text";
|
|
5697
5790
|
|
|
5698
5791
|
// src/components/FunButton/FunButton.css.ts
|
|
5699
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
5792
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1nw";
|
|
5700
5793
|
var funButtonClickableStyle = "_1tyx5nu6";
|
|
5701
5794
|
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
5702
5795
|
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
5703
5796
|
var pressedStyles = "_1tyx5nu1";
|
|
5704
5797
|
var transitionStyles = "_1tyx5nu0";
|
|
5705
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
5798
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1m8";
|
|
5706
5799
|
|
|
5707
5800
|
// src/components/FunButton/FunLinkButton.tsx
|
|
5708
5801
|
function FunLinkButton({
|
|
@@ -5720,7 +5813,7 @@ function FunLinkButton({
|
|
|
5720
5813
|
Box,
|
|
5721
5814
|
{
|
|
5722
5815
|
as: isLink ? "a" : "button",
|
|
5723
|
-
className:
|
|
5816
|
+
className: clsx3(
|
|
5724
5817
|
variant === "accent" && accentLinkStyle,
|
|
5725
5818
|
variant === "underline" && underlineLinkStyle
|
|
5726
5819
|
),
|
|
@@ -5759,16 +5852,70 @@ var ContactSupportLink = ({
|
|
|
5759
5852
|
}
|
|
5760
5853
|
);
|
|
5761
5854
|
|
|
5855
|
+
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
5856
|
+
import React44 from "react";
|
|
5857
|
+
|
|
5858
|
+
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
5859
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2fo8";
|
|
5860
|
+
var circleSkeletonClass = "dj0x603";
|
|
5861
|
+
|
|
5862
|
+
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
5863
|
+
function FunSkeletonBlock({
|
|
5864
|
+
width = "full",
|
|
5865
|
+
borderRadius = "skeleton",
|
|
5866
|
+
height,
|
|
5867
|
+
...props
|
|
5868
|
+
}) {
|
|
5869
|
+
return /* @__PURE__ */ React44.createElement(
|
|
5870
|
+
Box,
|
|
5871
|
+
{
|
|
5872
|
+
borderRadius,
|
|
5873
|
+
className: animateSkeletonClass,
|
|
5874
|
+
width,
|
|
5875
|
+
...props,
|
|
5876
|
+
style: {
|
|
5877
|
+
// when height is passed as a theme value, it will already contain 'px' suffix, if passed as BoxProps['height'], it will missing the suffix
|
|
5878
|
+
height: height.endsWith("px") ? height : `${height}px`
|
|
5879
|
+
}
|
|
5880
|
+
}
|
|
5881
|
+
);
|
|
5882
|
+
}
|
|
5883
|
+
|
|
5884
|
+
// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
|
|
5885
|
+
import clsx4 from "clsx";
|
|
5886
|
+
import React45 from "react";
|
|
5887
|
+
function FunSkeletonCircle({
|
|
5888
|
+
size = "20",
|
|
5889
|
+
...props
|
|
5890
|
+
}) {
|
|
5891
|
+
return /* @__PURE__ */ React45.createElement(
|
|
5892
|
+
Box,
|
|
5893
|
+
{
|
|
5894
|
+
borderRadius: "full",
|
|
5895
|
+
className: clsx4(
|
|
5896
|
+
animateSkeletonClass,
|
|
5897
|
+
circleSkeletonClass
|
|
5898
|
+
),
|
|
5899
|
+
height: size,
|
|
5900
|
+
width: size,
|
|
5901
|
+
...props
|
|
5902
|
+
}
|
|
5903
|
+
);
|
|
5904
|
+
}
|
|
5905
|
+
|
|
5762
5906
|
// src/components/Icons/StatusIcons.tsx
|
|
5763
5907
|
import { motion } from "motion/react";
|
|
5764
|
-
import
|
|
5908
|
+
import React46, {
|
|
5909
|
+
forwardRef as forwardRef2,
|
|
5910
|
+
useImperativeHandle
|
|
5911
|
+
} from "react";
|
|
5765
5912
|
|
|
5766
5913
|
// src/components/Icons/StatusIcons.css.ts
|
|
5767
|
-
var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa
|
|
5914
|
+
var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa _1rsrm2f4g _1rsrm2fh2", icon: { secondary: "q7yway3 _1rsrm2f18 _1rsrm2f1me _1rsrm2fh2", success: "q7yway5 _1rsrm2f18 _1rsrm2f1k8 _1rsrm2fh2" }, background: { secondary: "q7yway7 _1rsrm2fne _1rsrm2f18 _1rsrm2f49 _1rsrm2fh0 _1rsrm2fi9", success: "q7yway9 _1rsrm2fl8 _1rsrm2f18 _1rsrm2f49 _1rsrm2fh0 _1rsrm2fi9" }, innerShadow: "q7ywayb _1rsrm2f18 _1rsrm2fh0" };
|
|
5768
5915
|
|
|
5769
5916
|
// src/components/Icons/StatusIcons.tsx
|
|
5770
5917
|
function CompletedStatusIcon(props) {
|
|
5771
|
-
return /* @__PURE__ */
|
|
5918
|
+
return /* @__PURE__ */ React46.createElement(StatusIcon, { ...props, variant: "success" }, /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "18", fill: "currentColor" }), /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "17.5", stroke: "black", strokeOpacity: "0.06" }), /* @__PURE__ */ React46.createElement(
|
|
5772
5919
|
motion.path,
|
|
5773
5920
|
{
|
|
5774
5921
|
animate: { opacity: 1, pathLength: 1 },
|
|
@@ -5782,7 +5929,7 @@ function CompletedStatusIcon(props) {
|
|
|
5782
5929
|
));
|
|
5783
5930
|
}
|
|
5784
5931
|
function FailedStatusIcon(props) {
|
|
5785
|
-
return /* @__PURE__ */
|
|
5932
|
+
return /* @__PURE__ */ React46.createElement(StatusIcon, { ...props, variant: "secondary" }, /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "18", fill: "currentColor" }), /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "17.5", stroke: "black", strokeOpacity: "0.06" }), /* @__PURE__ */ React46.createElement(
|
|
5786
5933
|
"path",
|
|
5787
5934
|
{
|
|
5788
5935
|
d: "M14 22L21.9999 14",
|
|
@@ -5791,7 +5938,7 @@ function FailedStatusIcon(props) {
|
|
|
5791
5938
|
strokeLinecap: "round",
|
|
5792
5939
|
strokeLinejoin: "round"
|
|
5793
5940
|
}
|
|
5794
|
-
), /* @__PURE__ */
|
|
5941
|
+
), /* @__PURE__ */ React46.createElement(
|
|
5795
5942
|
"path",
|
|
5796
5943
|
{
|
|
5797
5944
|
d: "M22 22L14.0001 14",
|
|
@@ -5803,7 +5950,7 @@ function FailedStatusIcon(props) {
|
|
|
5803
5950
|
));
|
|
5804
5951
|
}
|
|
5805
5952
|
function DelayedStatusIcon(props) {
|
|
5806
|
-
return /* @__PURE__ */
|
|
5953
|
+
return /* @__PURE__ */ React46.createElement(StatusIcon, { ...props, variant: "secondary" }, /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "18", fill: "currentColor" }), /* @__PURE__ */ React46.createElement("circle", { cx: "18", cy: "18", r: "17.5", stroke: "black", strokeOpacity: "0.06" }), /* @__PURE__ */ React46.createElement(
|
|
5807
5954
|
"path",
|
|
5808
5955
|
{
|
|
5809
5956
|
d: "M18 14.5V18C18 18 19.7065 18.8533 20.8 19.4M25 18C25 21.866 21.866 25 18 25C14.134 25 11 21.866 11 18C11 14.134 14.134 11 18 11C21.866 11 25 14.134 25 18Z",
|
|
@@ -5814,6 +5961,33 @@ function DelayedStatusIcon(props) {
|
|
|
5814
5961
|
}
|
|
5815
5962
|
));
|
|
5816
5963
|
}
|
|
5964
|
+
var TransactionIcon = forwardRef2(
|
|
5965
|
+
({ className, ...props }, ref) => {
|
|
5966
|
+
useImperativeHandle(
|
|
5967
|
+
ref,
|
|
5968
|
+
() => {
|
|
5969
|
+
return {
|
|
5970
|
+
extend: () => {
|
|
5971
|
+
},
|
|
5972
|
+
shrink: () => {
|
|
5973
|
+
}
|
|
5974
|
+
};
|
|
5975
|
+
},
|
|
5976
|
+
[]
|
|
5977
|
+
);
|
|
5978
|
+
return /* @__PURE__ */ React46.createElement(
|
|
5979
|
+
"svg",
|
|
5980
|
+
{
|
|
5981
|
+
className,
|
|
5982
|
+
viewBox: "0 0 40 32",
|
|
5983
|
+
fill: "none",
|
|
5984
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5985
|
+
...props
|
|
5986
|
+
},
|
|
5987
|
+
/* @__PURE__ */ React46.createElement("path", { d: "M33 16C33 23.1797 27.1797 29 20 29C12.8203 29 7 23.1797 7 16C7 8.8203 12.8203 3 20 3C27.1797 3 33 8.8203 33 16Z" })
|
|
5988
|
+
);
|
|
5989
|
+
}
|
|
5990
|
+
);
|
|
5817
5991
|
function StatusIcon({
|
|
5818
5992
|
animateEntrance,
|
|
5819
5993
|
children,
|
|
@@ -5821,7 +5995,7 @@ function StatusIcon({
|
|
|
5821
5995
|
backgroundSize = iconSize,
|
|
5822
5996
|
variant
|
|
5823
5997
|
}) {
|
|
5824
|
-
return /* @__PURE__ */
|
|
5998
|
+
return /* @__PURE__ */ React46.createElement(
|
|
5825
5999
|
motion.div,
|
|
5826
6000
|
{
|
|
5827
6001
|
animate: { height: backgroundSize, width: backgroundSize },
|
|
@@ -5829,21 +6003,21 @@ function StatusIcon({
|
|
|
5829
6003
|
initial: animateEntrance ? { height: iconSize, width: iconSize } : false,
|
|
5830
6004
|
transition: { duration: 0.2 }
|
|
5831
6005
|
},
|
|
5832
|
-
/* @__PURE__ */
|
|
5833
|
-
/* @__PURE__ */
|
|
6006
|
+
/* @__PURE__ */ React46.createElement("div", { className: slots.background[variant] }),
|
|
6007
|
+
/* @__PURE__ */ React46.createElement(
|
|
5834
6008
|
"div",
|
|
5835
6009
|
{
|
|
5836
6010
|
className: slots.icon[variant],
|
|
5837
6011
|
style: { height: iconSize, width: iconSize }
|
|
5838
6012
|
},
|
|
5839
|
-
/* @__PURE__ */
|
|
6013
|
+
/* @__PURE__ */ React46.createElement(
|
|
5840
6014
|
"div",
|
|
5841
6015
|
{
|
|
5842
6016
|
className: slots.innerShadow,
|
|
5843
6017
|
style: { height: iconSize, width: iconSize }
|
|
5844
6018
|
}
|
|
5845
6019
|
),
|
|
5846
|
-
/* @__PURE__ */
|
|
6020
|
+
/* @__PURE__ */ React46.createElement(
|
|
5847
6021
|
"svg",
|
|
5848
6022
|
{
|
|
5849
6023
|
fill: "none",
|
|
@@ -5861,10 +6035,10 @@ function StatusIcon({
|
|
|
5861
6035
|
// src/components/TransactionStatus/TransactionStatus.tsx
|
|
5862
6036
|
var PRIMARY_TEXT_COLOR = themeVars.colors.primaryText;
|
|
5863
6037
|
var SECONDARY_TEXT_COLOR = themeVars.colors.secondaryText;
|
|
5864
|
-
var
|
|
6038
|
+
var SPINNER_BACKGROUND_COLOR = themeVars.colors.spinnerBackground;
|
|
5865
6039
|
var SUCCESS_COLOR = themeVars.colors.success;
|
|
5866
6040
|
function DotsDivider() {
|
|
5867
|
-
return /* @__PURE__ */
|
|
6041
|
+
return /* @__PURE__ */ React47.createElement(
|
|
5868
6042
|
motion2.div,
|
|
5869
6043
|
{
|
|
5870
6044
|
className: "framer-step-circle-dots",
|
|
@@ -5873,12 +6047,12 @@ function DotsDivider() {
|
|
|
5873
6047
|
},
|
|
5874
6048
|
style: {
|
|
5875
6049
|
alignItems: "center",
|
|
5876
|
-
color:
|
|
6050
|
+
color: SPINNER_BACKGROUND_COLOR,
|
|
5877
6051
|
display: "flex",
|
|
5878
6052
|
justifyContent: "center"
|
|
5879
6053
|
}
|
|
5880
6054
|
},
|
|
5881
|
-
/* @__PURE__ */
|
|
6055
|
+
/* @__PURE__ */ React47.createElement(
|
|
5882
6056
|
"svg",
|
|
5883
6057
|
{
|
|
5884
6058
|
width: "25",
|
|
@@ -5887,7 +6061,7 @@ function DotsDivider() {
|
|
|
5887
6061
|
fill: "none",
|
|
5888
6062
|
xmlns: "http://www.w3.org/2000/svg"
|
|
5889
6063
|
},
|
|
5890
|
-
/* @__PURE__ */
|
|
6064
|
+
/* @__PURE__ */ React47.createElement("defs", null, /* @__PURE__ */ React47.createElement(
|
|
5891
6065
|
motion2.linearGradient,
|
|
5892
6066
|
{
|
|
5893
6067
|
className: "framer-step-circle-dots-gradient",
|
|
@@ -5900,14 +6074,14 @@ function DotsDivider() {
|
|
|
5900
6074
|
y1: "0",
|
|
5901
6075
|
y2: "0"
|
|
5902
6076
|
},
|
|
5903
|
-
/* @__PURE__ */
|
|
5904
|
-
/* @__PURE__ */
|
|
5905
|
-
/* @__PURE__ */
|
|
5906
|
-
/* @__PURE__ */
|
|
5907
|
-
/* @__PURE__ */
|
|
5908
|
-
/* @__PURE__ */
|
|
6077
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "0%", stopColor: "currentColor" }),
|
|
6078
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "38%", stopColor: "currentColor" }),
|
|
6079
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "42%", stopColor: SUCCESS_COLOR }),
|
|
6080
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "58%", stopColor: SUCCESS_COLOR }),
|
|
6081
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "62%", stopColor: "currentColor" }),
|
|
6082
|
+
/* @__PURE__ */ React47.createElement("stop", { offset: "100%", stopColor: "currentColor" })
|
|
5909
6083
|
)),
|
|
5910
|
-
/* @__PURE__ */
|
|
6084
|
+
/* @__PURE__ */ React47.createElement(
|
|
5911
6085
|
"path",
|
|
5912
6086
|
{
|
|
5913
6087
|
d: "M1 1H26",
|
|
@@ -5924,15 +6098,15 @@ function DotsDivider() {
|
|
|
5924
6098
|
var DEPOSIT_TEXT_CONFIG_STATUS = {
|
|
5925
6099
|
delayed: {
|
|
5926
6100
|
title: "Transaction delayed",
|
|
5927
|
-
description: /* @__PURE__ */
|
|
6101
|
+
description: /* @__PURE__ */ React47.createElement(React47.Fragment, null, "Transaction is taking a bit longer than expected.", /* @__PURE__ */ React47.createElement("br", null), /* @__PURE__ */ React47.createElement(ContactSupportLink, { text: "Contact us", variant: "accent" }), " for more details.")
|
|
5928
6102
|
},
|
|
5929
6103
|
failed: {
|
|
5930
6104
|
title: "Transaction error",
|
|
5931
|
-
description: /* @__PURE__ */
|
|
6105
|
+
description: /* @__PURE__ */ React47.createElement(React47.Fragment, null, "Please try again or", " ", /* @__PURE__ */ React47.createElement(ContactSupportLink, { text: "contact support", variant: "accent" }), " if the issue persists.")
|
|
5932
6106
|
},
|
|
5933
6107
|
progress_delayed: {
|
|
5934
6108
|
title: "Transaction pending...",
|
|
5935
|
-
description: /* @__PURE__ */
|
|
6109
|
+
description: /* @__PURE__ */ React47.createElement(React47.Fragment, null, "Transaction is taking a bit longer than expected.", /* @__PURE__ */ React47.createElement("br", null), /* @__PURE__ */ React47.createElement(ContactSupportLink, { text: "Contact us", variant: "accent" }), " for more details.")
|
|
5936
6110
|
},
|
|
5937
6111
|
success: {
|
|
5938
6112
|
title: "Deposit successful",
|
|
@@ -5978,7 +6152,7 @@ function StepSpinner({
|
|
|
5978
6152
|
}) {
|
|
5979
6153
|
const isInitialStep = initialStep === step;
|
|
5980
6154
|
const isInitialSuccess = initialStep > step;
|
|
5981
|
-
return /* @__PURE__ */
|
|
6155
|
+
return /* @__PURE__ */ React47.createElement(
|
|
5982
6156
|
motion2.div,
|
|
5983
6157
|
{
|
|
5984
6158
|
className: `framer-step-circle-${step}`,
|
|
@@ -5992,7 +6166,7 @@ function StepSpinner({
|
|
|
5992
6166
|
position: "relative"
|
|
5993
6167
|
}
|
|
5994
6168
|
},
|
|
5995
|
-
/* @__PURE__ */
|
|
6169
|
+
/* @__PURE__ */ React47.createElement(
|
|
5996
6170
|
motion2.div,
|
|
5997
6171
|
{
|
|
5998
6172
|
className: `framer-step-circle-${step}-spinner`,
|
|
@@ -6002,7 +6176,7 @@ function StepSpinner({
|
|
|
6002
6176
|
width: STEP_SPINNER_SIZE
|
|
6003
6177
|
}
|
|
6004
6178
|
},
|
|
6005
|
-
/* @__PURE__ */
|
|
6179
|
+
/* @__PURE__ */ React47.createElement(
|
|
6006
6180
|
"svg",
|
|
6007
6181
|
{
|
|
6008
6182
|
fill: "none",
|
|
@@ -6015,7 +6189,7 @@ function StepSpinner({
|
|
|
6015
6189
|
width: STEP_SPINNER_SIZE + STEP_SPINNER_GROWTH_MARGIN * 2,
|
|
6016
6190
|
xmlns: "http://www.w3.org/2000/svg"
|
|
6017
6191
|
},
|
|
6018
|
-
/* @__PURE__ */
|
|
6192
|
+
/* @__PURE__ */ React47.createElement(
|
|
6019
6193
|
motion2.path,
|
|
6020
6194
|
{
|
|
6021
6195
|
className: `framer-step-circle-${step}-spinner-circle`,
|
|
@@ -6024,13 +6198,13 @@ function StepSpinner({
|
|
|
6024
6198
|
fill: "#66CC0000",
|
|
6025
6199
|
// Do NOT use "transparent" as that will fail to animate
|
|
6026
6200
|
opacity: 1,
|
|
6027
|
-
stroke: isInitialSuccess ? SUCCESS_COLOR :
|
|
6201
|
+
stroke: isInitialSuccess ? SUCCESS_COLOR : SPINNER_BACKGROUND_COLOR
|
|
6028
6202
|
},
|
|
6029
6203
|
strokeLinecap: "round",
|
|
6030
6204
|
strokeWidth: STEP_SPINNER_STROKE_WIDTH
|
|
6031
6205
|
}
|
|
6032
6206
|
),
|
|
6033
|
-
/* @__PURE__ */
|
|
6207
|
+
/* @__PURE__ */ React47.createElement(
|
|
6034
6208
|
motion2.path,
|
|
6035
6209
|
{
|
|
6036
6210
|
className: `framer-step-circle-${step}-spinner-arc`,
|
|
@@ -6045,7 +6219,7 @@ function StepSpinner({
|
|
|
6045
6219
|
)
|
|
6046
6220
|
)
|
|
6047
6221
|
),
|
|
6048
|
-
/* @__PURE__ */
|
|
6222
|
+
/* @__PURE__ */ React47.createElement(
|
|
6049
6223
|
motion2.div,
|
|
6050
6224
|
{
|
|
6051
6225
|
className: `framer-step-circle-${step}-label`,
|
|
@@ -6061,9 +6235,9 @@ function StepSpinner({
|
|
|
6061
6235
|
top: "auto"
|
|
6062
6236
|
}
|
|
6063
6237
|
},
|
|
6064
|
-
/* @__PURE__ */
|
|
6238
|
+
/* @__PURE__ */ React47.createElement(Text, { color: "inherit", size: "13", weight: "medium" }, step)
|
|
6065
6239
|
),
|
|
6066
|
-
/* @__PURE__ */
|
|
6240
|
+
/* @__PURE__ */ React47.createElement(
|
|
6067
6241
|
"svg",
|
|
6068
6242
|
{
|
|
6069
6243
|
fill: "none",
|
|
@@ -6079,7 +6253,7 @@ function StepSpinner({
|
|
|
6079
6253
|
width: STEP_SPINNER_SIZE,
|
|
6080
6254
|
xmlns: "http://www.w3.org/2000/svg"
|
|
6081
6255
|
},
|
|
6082
|
-
/* @__PURE__ */
|
|
6256
|
+
/* @__PURE__ */ React47.createElement(
|
|
6083
6257
|
motion2.path,
|
|
6084
6258
|
{
|
|
6085
6259
|
className: `framer-step-circle-${step}-checkmark`,
|
|
@@ -6097,19 +6271,37 @@ function StepSpinner({
|
|
|
6097
6271
|
);
|
|
6098
6272
|
}
|
|
6099
6273
|
var STEPS = [1, 2];
|
|
6274
|
+
function TransactionStatusLoading({
|
|
6275
|
+
expectedStatus
|
|
6276
|
+
}) {
|
|
6277
|
+
const { activeTheme } = useActiveTheme();
|
|
6278
|
+
return /* @__PURE__ */ React47.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "column", gap: "24" }, expectedStatus === "progress" ? /* @__PURE__ */ React47.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "8" }, /* @__PURE__ */ React47.createElement(FunSkeletonCircle, { size: "30" }), /* @__PURE__ */ React47.createElement(DotsDivider, null), /* @__PURE__ */ React47.createElement(FunSkeletonCircle, { size: "30" })) : /* @__PURE__ */ React47.createElement(FunSkeletonCircle, { size: "48" }), /* @__PURE__ */ React47.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "4" }, /* @__PURE__ */ React47.createElement(
|
|
6279
|
+
FunSkeletonBlock,
|
|
6280
|
+
{
|
|
6281
|
+
height: activeTheme.fontSize[13].lineHeight,
|
|
6282
|
+
width: "120"
|
|
6283
|
+
}
|
|
6284
|
+
), /* @__PURE__ */ React47.createElement(
|
|
6285
|
+
FunSkeletonBlock,
|
|
6286
|
+
{
|
|
6287
|
+
height: activeTheme.fontSize[13].lineHeight,
|
|
6288
|
+
width: "240"
|
|
6289
|
+
}
|
|
6290
|
+
)));
|
|
6291
|
+
}
|
|
6100
6292
|
function TransactionStatus({
|
|
6101
6293
|
status,
|
|
6102
6294
|
step,
|
|
6103
6295
|
isWithdrawal
|
|
6104
6296
|
}) {
|
|
6105
|
-
const [initialStatus] =
|
|
6106
|
-
const [initialStep] =
|
|
6297
|
+
const [initialStatus] = useState10(status);
|
|
6298
|
+
const [initialStep] = useState10(step);
|
|
6107
6299
|
const [scope, animate] = useAnimate();
|
|
6108
|
-
const [currentStatus, setCurrentStatus] =
|
|
6109
|
-
const [currentStep, setCurrentStep] =
|
|
6110
|
-
const [isDelayed2, setDelayed] =
|
|
6111
|
-
const [transitioningToStatus, setTransitioningToStatus] =
|
|
6112
|
-
const [transitioningToStep, setTransitioningToStep] =
|
|
6300
|
+
const [currentStatus, setCurrentStatus] = useState10(status);
|
|
6301
|
+
const [currentStep, setCurrentStep] = useState10(step);
|
|
6302
|
+
const [isDelayed2, setDelayed] = useState10(status === "delayed");
|
|
6303
|
+
const [transitioningToStatus, setTransitioningToStatus] = useState10(status);
|
|
6304
|
+
const [transitioningToStep, setTransitioningToStep] = useState10(step);
|
|
6113
6305
|
const spinAnimationRef = useRef3();
|
|
6114
6306
|
const stopSpinning = useCallback10(() => {
|
|
6115
6307
|
spinAnimationRef.current?.cancel();
|
|
@@ -6173,12 +6365,12 @@ function TransactionStatus({
|
|
|
6173
6365
|
},
|
|
6174
6366
|
[animate]
|
|
6175
6367
|
);
|
|
6176
|
-
|
|
6368
|
+
useEffect10(() => {
|
|
6177
6369
|
if (initialStatus === "progress") {
|
|
6178
6370
|
startSpinning(initialStep);
|
|
6179
6371
|
}
|
|
6180
6372
|
}, [initialStatus, initialStep, startSpinning]);
|
|
6181
|
-
|
|
6373
|
+
useEffect10(() => {
|
|
6182
6374
|
if (transitioningToStatus !== currentStatus || transitioningToStep !== currentStep) {
|
|
6183
6375
|
return;
|
|
6184
6376
|
}
|
|
@@ -6392,7 +6584,7 @@ function TransactionStatus({
|
|
|
6392
6584
|
const dynamicConfigStatus = isWithdrawal ? WITHDRAWAL_TEXT_CONFIG_STATUS : DEPOSIT_TEXT_CONFIG_STATUS;
|
|
6393
6585
|
const dynamicConfigSteps = isWithdrawal ? WITHDRAWAL_TEXT_CONFIG_STEPS : DEPOSIT_TEXT_CONFIG_STEPS;
|
|
6394
6586
|
const { description, title } = currentStatus === "progress" ? isDelayed2 ? dynamicConfigStatus.progress_delayed : dynamicConfigSteps[currentStep] : dynamicConfigStatus[currentStatus];
|
|
6395
|
-
return /* @__PURE__ */
|
|
6587
|
+
return /* @__PURE__ */ React47.createElement(
|
|
6396
6588
|
Box,
|
|
6397
6589
|
{
|
|
6398
6590
|
alignItems: "center",
|
|
@@ -6401,15 +6593,15 @@ function TransactionStatus({
|
|
|
6401
6593
|
gap: "24",
|
|
6402
6594
|
ref: scope
|
|
6403
6595
|
},
|
|
6404
|
-
currentStatus === "success" ? /* @__PURE__ */
|
|
6596
|
+
currentStatus === "success" ? /* @__PURE__ */ React47.createElement(
|
|
6405
6597
|
CompletedStatusIcon,
|
|
6406
6598
|
{
|
|
6407
6599
|
animateEntrance: initialStatus === "progress",
|
|
6408
6600
|
backgroundSize: 48,
|
|
6409
6601
|
iconSize: 30
|
|
6410
6602
|
}
|
|
6411
|
-
) : currentStatus === "failed" ? /* @__PURE__ */
|
|
6412
|
-
/* @__PURE__ */
|
|
6603
|
+
) : currentStatus === "failed" ? /* @__PURE__ */ React47.createElement(FailedStatusIcon, { backgroundSize: 48, iconSize: 30 }) : currentStatus === "delayed" ? /* @__PURE__ */ React47.createElement(DelayedStatusIcon, { backgroundSize: 48, iconSize: 30 }) : /* @__PURE__ */ React47.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "8" }, /* @__PURE__ */ React47.createElement(StepSpinner, { initialStep, step: 1 }), /* @__PURE__ */ React47.createElement(DotsDivider, null), /* @__PURE__ */ React47.createElement(StepSpinner, { initialStep, step: 2 })),
|
|
6604
|
+
/* @__PURE__ */ React47.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "4" }, /* @__PURE__ */ React47.createElement(
|
|
6413
6605
|
AnimatedText,
|
|
6414
6606
|
{
|
|
6415
6607
|
animationDelay: 0.1,
|
|
@@ -6420,7 +6612,7 @@ function TransactionStatus({
|
|
|
6420
6612
|
weight: "medium"
|
|
6421
6613
|
},
|
|
6422
6614
|
title
|
|
6423
|
-
), /* @__PURE__ */
|
|
6615
|
+
), /* @__PURE__ */ React47.createElement(
|
|
6424
6616
|
AnimatedText,
|
|
6425
6617
|
{
|
|
6426
6618
|
color: "secondaryText",
|
|
@@ -6440,8 +6632,8 @@ function AnimatedText({
|
|
|
6440
6632
|
textKey,
|
|
6441
6633
|
...props
|
|
6442
6634
|
}) {
|
|
6443
|
-
const [initialTextKey] =
|
|
6444
|
-
return /* @__PURE__ */
|
|
6635
|
+
const [initialTextKey] = useState10(textKey);
|
|
6636
|
+
return /* @__PURE__ */ React47.createElement(AnimatePresence, { mode: "wait" }, /* @__PURE__ */ React47.createElement(
|
|
6445
6637
|
motion2.span,
|
|
6446
6638
|
{
|
|
6447
6639
|
key: textKey,
|
|
@@ -6474,7 +6666,7 @@ function AnimatedText({
|
|
|
6474
6666
|
}
|
|
6475
6667
|
}
|
|
6476
6668
|
},
|
|
6477
|
-
/* @__PURE__ */
|
|
6669
|
+
/* @__PURE__ */ React47.createElement(Text, { ...props })
|
|
6478
6670
|
));
|
|
6479
6671
|
}
|
|
6480
6672
|
function getCircleArcPath(deg) {
|
|
@@ -6497,18 +6689,21 @@ function getCircleMorphPath(deg, offset, side) {
|
|
|
6497
6689
|
return side === "right" ? `M${cx + r * cosA},${cy - r * sinA} C${cx + r * cosA + d * sinA},${cy - r * sinA + d * cosA} ${cx + r + offset},${cy - d} ${cx + r + offset},${cy} S${cx + r * cosA + d * sinA},${cy + r * sinA - d * cosA} ${cx + r * cosA},${cy + r * sinA} A${r} ${r} ${360 - 2 * deg} 1 1 ${cx + r * cosA},${cy - r * sinA}Z` : `M${cx - r * cosA},${cy + r * sinA} C${cx - r * cosA - d * sinA},${cy + r * sinA - d * cosA} ${cx - r - offset},${cy + d} ${cx - r - offset},${cy} S${cx - r * cosA - d * sinA},${cy - r * sinA + d * cosA} ${cx - r * cosA},${cy - r * sinA} A${r} ${r} ${360 - 2 * deg} 1 1 ${cx - r * cosA},${cy + r * sinA}Z`;
|
|
6498
6690
|
}
|
|
6499
6691
|
|
|
6500
|
-
// src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts
|
|
6501
|
-
var GradientLoadingBox = "_101aujm0";
|
|
6502
|
-
|
|
6503
6692
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
|
|
6504
6693
|
function FunCheckoutStatus({
|
|
6505
6694
|
checkoutHistoryItem,
|
|
6695
|
+
isActiveCheckout,
|
|
6506
6696
|
onOrderDelayed
|
|
6507
6697
|
}) {
|
|
6508
6698
|
if (!checkoutHistoryItem) {
|
|
6509
|
-
return /* @__PURE__ */
|
|
6699
|
+
return /* @__PURE__ */ React48.createElement(
|
|
6700
|
+
TransactionStatusLoading,
|
|
6701
|
+
{
|
|
6702
|
+
expectedStatus: isActiveCheckout ? "progress" : "success"
|
|
6703
|
+
}
|
|
6704
|
+
);
|
|
6510
6705
|
}
|
|
6511
|
-
return /* @__PURE__ */
|
|
6706
|
+
return /* @__PURE__ */ React48.createElement(
|
|
6512
6707
|
FunCheckoutStatusLoaded,
|
|
6513
6708
|
{
|
|
6514
6709
|
checkoutHistoryItem,
|
|
@@ -6534,15 +6729,15 @@ function FunCheckoutStatusLoaded({
|
|
|
6534
6729
|
),
|
|
6535
6730
|
[activeCheckoutItem, checkoutHistoryItem]
|
|
6536
6731
|
);
|
|
6537
|
-
const [currentTimeMs, setCurrentTimeMs] =
|
|
6538
|
-
|
|
6732
|
+
const [currentTimeMs, setCurrentTimeMs] = useState11(Date.now());
|
|
6733
|
+
useEffect11(() => {
|
|
6539
6734
|
const interval = setInterval(() => setCurrentTimeMs(Date.now()), 1e3);
|
|
6540
6735
|
return () => clearInterval(interval);
|
|
6541
6736
|
}, []);
|
|
6542
6737
|
const onOrderDelayedEvent = useEffectEvent(() => onOrderDelayed?.());
|
|
6543
6738
|
const elapsedSeconds = (currentTimeMs - startTimeMs) / 1e3;
|
|
6544
6739
|
const isNewlyDelayed = isProcessing && elapsedSeconds >= 60;
|
|
6545
|
-
|
|
6740
|
+
useEffect11(() => {
|
|
6546
6741
|
if (isNewlyDelayed) {
|
|
6547
6742
|
onOrderDelayedEvent();
|
|
6548
6743
|
}
|
|
@@ -6550,7 +6745,7 @@ function FunCheckoutStatusLoaded({
|
|
|
6550
6745
|
if (checkoutHistoryItem.refundState === "REFUNDED") {
|
|
6551
6746
|
return null;
|
|
6552
6747
|
}
|
|
6553
|
-
return /* @__PURE__ */
|
|
6748
|
+
return /* @__PURE__ */ React48.createElement(
|
|
6554
6749
|
TransactionStatus,
|
|
6555
6750
|
{
|
|
6556
6751
|
key: checkoutHistoryItem.clientMetadata.id,
|
|
@@ -6573,14 +6768,20 @@ function extractStartTimeMs(historyCheckoutItemId, activeCheckoutItem, { created
|
|
|
6573
6768
|
}
|
|
6574
6769
|
|
|
6575
6770
|
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
6576
|
-
import
|
|
6771
|
+
import React49, { useEffect as useEffect12, useState as useState12 } from "react";
|
|
6577
6772
|
function FunDirectExecutionStatus({
|
|
6578
|
-
directExecution
|
|
6773
|
+
directExecution,
|
|
6774
|
+
isActiveCheckout
|
|
6579
6775
|
}) {
|
|
6580
6776
|
if (!directExecution) {
|
|
6581
|
-
return /* @__PURE__ */
|
|
6777
|
+
return /* @__PURE__ */ React49.createElement(
|
|
6778
|
+
TransactionStatusLoading,
|
|
6779
|
+
{
|
|
6780
|
+
expectedStatus: isActiveCheckout ? "progress" : "success"
|
|
6781
|
+
}
|
|
6782
|
+
);
|
|
6582
6783
|
}
|
|
6583
|
-
return /* @__PURE__ */
|
|
6784
|
+
return /* @__PURE__ */ React49.createElement(FunDirectExecutionStatusLoaded, { directExecution });
|
|
6584
6785
|
}
|
|
6585
6786
|
function FunDirectExecutionStatusLoaded({
|
|
6586
6787
|
directExecution
|
|
@@ -6589,8 +6790,8 @@ function FunDirectExecutionStatusLoaded({
|
|
|
6589
6790
|
const { getCheckoutProgress } = useCheckoutContext();
|
|
6590
6791
|
const progress = getCheckoutProgress(directExecution.clientMetadata.id);
|
|
6591
6792
|
const startTimeMs = directExecution.createdTimeMs;
|
|
6592
|
-
const [currentTimeMs, setCurrentTimeMs] =
|
|
6593
|
-
|
|
6793
|
+
const [currentTimeMs, setCurrentTimeMs] = useState12(Date.now());
|
|
6794
|
+
useEffect12(() => {
|
|
6594
6795
|
const interval = setInterval(() => setCurrentTimeMs(Date.now()), 1e3);
|
|
6595
6796
|
return () => clearInterval(interval);
|
|
6596
6797
|
}, []);
|
|
@@ -6598,7 +6799,7 @@ function FunDirectExecutionStatusLoaded({
|
|
|
6598
6799
|
if (isRefunded) {
|
|
6599
6800
|
return null;
|
|
6600
6801
|
}
|
|
6601
|
-
return /* @__PURE__ */
|
|
6802
|
+
return /* @__PURE__ */ React49.createElement(
|
|
6602
6803
|
TransactionStatus,
|
|
6603
6804
|
{
|
|
6604
6805
|
key: directExecution.clientMetadata.id,
|
|
@@ -6616,13 +6817,14 @@ var STATUS_SIZE_PENDING = 76;
|
|
|
6616
6817
|
var STATUS_SIZE = 40;
|
|
6617
6818
|
function useCustomStatusAnimationAboveTopbar({
|
|
6618
6819
|
depositAddress,
|
|
6820
|
+
isActiveCheckout,
|
|
6619
6821
|
isCheckoutDetailView,
|
|
6620
6822
|
paddingTop,
|
|
6621
6823
|
topbar,
|
|
6622
6824
|
withTopDivider,
|
|
6623
6825
|
scrollableContent
|
|
6624
6826
|
}) {
|
|
6625
|
-
const [scrollPos, setScrollPos] =
|
|
6827
|
+
const [scrollPos, setScrollPos] = useState13(0);
|
|
6626
6828
|
const lastY = useRef4(0);
|
|
6627
6829
|
const { checkoutHistoryInfo, directExecutionInfo } = useFunkitPostCheckoutInternal(
|
|
6628
6830
|
isCheckoutDetailView && depositAddress ? depositAddress : "0x"
|
|
@@ -6649,7 +6851,7 @@ function useCustomStatusAnimationAboveTopbar({
|
|
|
6649
6851
|
};
|
|
6650
6852
|
return {
|
|
6651
6853
|
onScroll: (event) => setScrollPos(event.target.scrollTop),
|
|
6652
|
-
topbar: /* @__PURE__ */
|
|
6854
|
+
topbar: /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement("div", { className: topbarFadeWrapper }, topbar, /* @__PURE__ */ React50.createElement(
|
|
6653
6855
|
"div",
|
|
6654
6856
|
{
|
|
6655
6857
|
className: topbarFadeBackground,
|
|
@@ -6658,7 +6860,7 @@ function useCustomStatusAnimationAboveTopbar({
|
|
|
6658
6860
|
transition: `opacity ${DURATION_MS / 1e3}s ease-in`
|
|
6659
6861
|
}
|
|
6660
6862
|
}
|
|
6661
|
-
)), isCheckoutDetailView && depositAddress && /* @__PURE__ */
|
|
6863
|
+
)), isCheckoutDetailView && depositAddress && /* @__PURE__ */ React50.createElement(
|
|
6662
6864
|
"div",
|
|
6663
6865
|
{
|
|
6664
6866
|
className: topbarOverflowContent,
|
|
@@ -6676,7 +6878,19 @@ function useCustomStatusAnimationAboveTopbar({
|
|
|
6676
6878
|
top: `calc(${themeVars.dimensions.modalTopBarHeight} + ${paddingTop}px - ${scrollPos}px)`
|
|
6677
6879
|
}
|
|
6678
6880
|
},
|
|
6679
|
-
isCheckoutHistoryDirectExecution(depositAddress) ? /* @__PURE__ */
|
|
6881
|
+
isCheckoutHistoryDirectExecution(depositAddress) ? /* @__PURE__ */ React50.createElement(
|
|
6882
|
+
FunDirectExecutionStatus,
|
|
6883
|
+
{
|
|
6884
|
+
directExecution: directExecutionInfo,
|
|
6885
|
+
isActiveCheckout
|
|
6886
|
+
}
|
|
6887
|
+
) : /* @__PURE__ */ React50.createElement(
|
|
6888
|
+
FunCheckoutStatus,
|
|
6889
|
+
{
|
|
6890
|
+
checkoutHistoryItem: checkoutHistoryInfo,
|
|
6891
|
+
isActiveCheckout
|
|
6892
|
+
}
|
|
6893
|
+
)
|
|
6680
6894
|
)),
|
|
6681
6895
|
withTopDivider: isCheckoutDetailView ? scrollPos > startFadePos ? "scroll" : "never" : withTopDivider
|
|
6682
6896
|
};
|
|
@@ -6704,6 +6918,7 @@ var ASSET_LOGO_SRCS = {
|
|
|
6704
6918
|
ETH: "https://sdk-cdn.fun.xyz/images/eth.svg",
|
|
6705
6919
|
GMX: "https://sdk-cdn.fun.xyz/images/gmx.svg",
|
|
6706
6920
|
GRT: "https://sdk-cdn.fun.xyz/images/grt.svg",
|
|
6921
|
+
HYPE: "https://sdk-cdn.fun.xyz/images/hype.svg",
|
|
6707
6922
|
IMX: "https://sdk-cdn.fun.xyz/images/imx.svg",
|
|
6708
6923
|
INJ: "https://sdk-cdn.fun.xyz/images/inj.svg",
|
|
6709
6924
|
LDO: "https://sdk-cdn.fun.xyz/images/ldo.svg",
|
|
@@ -6749,7 +6964,7 @@ var FALLBACK_ASSET = "https://sdk-cdn.fun.xyz/images/dollar_circle.png";
|
|
|
6749
6964
|
// src/components/Dialog/Dialog.tsx
|
|
6750
6965
|
import { isMobile as isMobile2, isSafari } from "@funkit/utils";
|
|
6751
6966
|
import clsx8 from "clsx";
|
|
6752
|
-
import
|
|
6967
|
+
import React69, {
|
|
6753
6968
|
useCallback as useCallback13,
|
|
6754
6969
|
useContext as useContext12,
|
|
6755
6970
|
useEffect as useEffect18,
|
|
@@ -6760,13 +6975,13 @@ import { RemoveScroll } from "react-remove-scroll";
|
|
|
6760
6975
|
import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
|
|
6761
6976
|
|
|
6762
6977
|
// src/hooks/useScrollDivider.ts
|
|
6763
|
-
import { useEffect as
|
|
6978
|
+
import { useEffect as useEffect13, useRef as useRef5, useState as useState14 } from "react";
|
|
6764
6979
|
var useScrollDivider = () => {
|
|
6765
6980
|
const ref = useRef5(null);
|
|
6766
|
-
const [isTop, setIsTop] =
|
|
6767
|
-
const [isScrollable, setIsScrollable] =
|
|
6768
|
-
const [isScrolling, setIsScrolling] =
|
|
6769
|
-
|
|
6981
|
+
const [isTop, setIsTop] = useState14(true);
|
|
6982
|
+
const [isScrollable, setIsScrollable] = useState14(false);
|
|
6983
|
+
const [isScrolling, setIsScrolling] = useState14(false);
|
|
6984
|
+
useEffect13(() => {
|
|
6770
6985
|
const content2 = ref.current;
|
|
6771
6986
|
if (!content2 || !window.ResizeObserver) {
|
|
6772
6987
|
return;
|
|
@@ -6786,191 +7001,35 @@ var useScrollDivider = () => {
|
|
|
6786
7001
|
};
|
|
6787
7002
|
const onScrollEnd = () => setIsScrolling(false);
|
|
6788
7003
|
content2.addEventListener("scrollend", onScrollEnd);
|
|
6789
|
-
content2.addEventListener("scroll", onScrollChange);
|
|
6790
|
-
const resizeObserver = new window.ResizeObserver(handleContentChange);
|
|
6791
|
-
resizeObserver.observe(content2);
|
|
6792
|
-
const mutationObserver = new MutationObserver(handleContentChange);
|
|
6793
|
-
mutationObserver.observe(content2, {
|
|
6794
|
-
childList: true,
|
|
6795
|
-
subtree: true,
|
|
6796
|
-
attributes: true,
|
|
6797
|
-
attributeFilter: ["style", "class"]
|
|
6798
|
-
});
|
|
6799
|
-
handleScrollPositionChange();
|
|
6800
|
-
return () => {
|
|
6801
|
-
content2.removeEventListener("scroll", onScrollChange);
|
|
6802
|
-
content2.removeEventListener("scrollend", onScrollEnd);
|
|
6803
|
-
resizeObserver.unobserve(content2);
|
|
6804
|
-
mutationObserver.disconnect();
|
|
6805
|
-
};
|
|
6806
|
-
}, []);
|
|
6807
|
-
return {
|
|
6808
|
-
ref,
|
|
6809
|
-
hasTopDivider: !isTop,
|
|
6810
|
-
hasBottomDivider: isScrollable,
|
|
6811
|
-
isScrolling,
|
|
6812
|
-
isScrollable
|
|
6813
|
-
};
|
|
6814
|
-
};
|
|
6815
|
-
|
|
6816
|
-
// src/providers/FunkitThemeProvider.tsx
|
|
6817
|
-
import React49, { createContext as createContext12, useContext as useContext11, useEffect as useEffect13, useState as useState14 } from "react";
|
|
6818
|
-
var FUNKIT_THEME_CACHE_KEY = "funkit-connect-is-light";
|
|
6819
|
-
var DEFAULT_THEME_SET = {
|
|
6820
|
-
lightTheme: lightTheme(),
|
|
6821
|
-
darkTheme: darkTheme()
|
|
6822
|
-
};
|
|
6823
|
-
var DEFAULT_THEME = DEFAULT_THEME_SET.darkTheme;
|
|
6824
|
-
var ThemeIdContext = createContext12(void 0);
|
|
6825
|
-
var attr = "data-rk";
|
|
6826
|
-
function isThemeSet(themeOrThemeSet) {
|
|
6827
|
-
return themeOrThemeSet.lightTheme !== void 0 && themeOrThemeSet.darkTheme !== void 0;
|
|
6828
|
-
}
|
|
6829
|
-
var createThemeRootProps = (id) => ({
|
|
6830
|
-
[attr]: id || ""
|
|
6831
|
-
});
|
|
6832
|
-
var useThemeRootProps = () => {
|
|
6833
|
-
const id = useContext11(ThemeIdContext);
|
|
6834
|
-
return createThemeRootProps(id);
|
|
6835
|
-
};
|
|
6836
|
-
var ThemeContext = createContext12({
|
|
6837
|
-
activeTheme: DEFAULT_THEME,
|
|
6838
|
-
lightTheme: void 0,
|
|
6839
|
-
darkTheme: void 0,
|
|
6840
|
-
setTheme: () => {
|
|
6841
|
-
return;
|
|
6842
|
-
},
|
|
6843
|
-
toggleTheme: () => {
|
|
6844
|
-
return;
|
|
6845
|
-
},
|
|
6846
|
-
themeColorScheme: void 0
|
|
6847
|
-
});
|
|
6848
|
-
var useActiveTheme = () => {
|
|
6849
|
-
const {
|
|
6850
|
-
activeTheme,
|
|
6851
|
-
setTheme,
|
|
6852
|
-
lightTheme: lightTheme2,
|
|
6853
|
-
darkTheme: darkTheme2,
|
|
6854
|
-
toggleTheme,
|
|
6855
|
-
themeColorScheme
|
|
6856
|
-
} = useContext11(ThemeContext);
|
|
6857
|
-
return {
|
|
6858
|
-
activeTheme,
|
|
6859
|
-
/** Overrides the currently active `theme` with disregard to the `theme` provided to the `FunkitProvider`, ie. `toggleTheme` will switch to the `theme` provided to the `FunkitProvider`, not the theme set by `setTheme` */
|
|
6860
|
-
setTheme,
|
|
6861
|
-
/** Returns the `light` theme as long as a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it will be returned as `lightTheme` and `darkTheme` making them the same */
|
|
6862
|
-
lightTheme: lightTheme2,
|
|
6863
|
-
/** Returns the `dark` theme as long as a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it will be returned as `darkTheme` and `lightTheme` making them the same */
|
|
6864
|
-
darkTheme: darkTheme2,
|
|
6865
|
-
/** Toggles between `light` and `dark` themes as long as they were passed to the `FunkitProvider`, if only a single theme object was passed toggling will be disabled */
|
|
6866
|
-
toggleTheme,
|
|
6867
|
-
/** Returns an indication whether a `light` or a `dark` theme should be currently active, has meaning only if a themeSet was passed to the `FunkitProvider`, if only a single theme object was passed it reflects the system color scheme */
|
|
6868
|
-
themeColorScheme
|
|
6869
|
-
};
|
|
6870
|
-
};
|
|
6871
|
-
var getConfigTheme = (themeOrThemeSet, systemColorScheme) => {
|
|
6872
|
-
const isSystemLight = systemColorScheme === "light";
|
|
6873
|
-
if (!themeOrThemeSet) {
|
|
6874
|
-
logger.warn(
|
|
6875
|
-
"theme config undefined, using themeSet of default light and dark themes"
|
|
6876
|
-
);
|
|
6877
|
-
return isSystemLight ? DEFAULT_THEME_SET.lightTheme : DEFAULT_THEME_SET.darkTheme;
|
|
6878
|
-
}
|
|
6879
|
-
if (isThemeSet(themeOrThemeSet)) {
|
|
6880
|
-
const { lightTheme: lightTheme2, darkTheme: darkTheme2 } = themeOrThemeSet;
|
|
6881
|
-
return isSystemLight ? lightTheme2 : darkTheme2;
|
|
6882
|
-
}
|
|
6883
|
-
return themeOrThemeSet;
|
|
6884
|
-
};
|
|
6885
|
-
var setCurrentIsLightToCache = (isLight) => {
|
|
6886
|
-
try {
|
|
6887
|
-
window.localStorage.setItem(FUNKIT_THEME_CACHE_KEY, JSON.stringify(isLight));
|
|
6888
|
-
} catch (_err) {
|
|
6889
|
-
}
|
|
6890
|
-
};
|
|
6891
|
-
var FunkitThemeProvider = ({
|
|
6892
|
-
children,
|
|
6893
|
-
theme: themeOrThemeSet = DEFAULT_THEME_SET
|
|
6894
|
-
}) => {
|
|
6895
|
-
const [systemColorScheme, setSystemColorScheme] = useState14(void 0);
|
|
6896
|
-
const [themeColorScheme, setThemeColorScheme] = useState14(void 0);
|
|
6897
|
-
const [activeTheme, setActiveTheme] = useState14(
|
|
6898
|
-
getConfigTheme(themeOrThemeSet, systemColorScheme)
|
|
6899
|
-
);
|
|
6900
|
-
useEffect13(() => {
|
|
6901
|
-
const handler = (e) => {
|
|
6902
|
-
const colorScheme = e.matches ? "light" : "dark";
|
|
6903
|
-
setSystemColorScheme(colorScheme);
|
|
6904
|
-
setThemeColorScheme(colorScheme);
|
|
7004
|
+
content2.addEventListener("scroll", onScrollChange);
|
|
7005
|
+
const resizeObserver = new window.ResizeObserver(handleContentChange);
|
|
7006
|
+
resizeObserver.observe(content2);
|
|
7007
|
+
const mutationObserver = new MutationObserver(handleContentChange);
|
|
7008
|
+
mutationObserver.observe(content2, {
|
|
7009
|
+
childList: true,
|
|
7010
|
+
subtree: true,
|
|
7011
|
+
attributes: true,
|
|
7012
|
+
attributeFilter: ["style", "class"]
|
|
7013
|
+
});
|
|
7014
|
+
handleScrollPositionChange();
|
|
7015
|
+
return () => {
|
|
7016
|
+
content2.removeEventListener("scroll", onScrollChange);
|
|
7017
|
+
content2.removeEventListener("scrollend", onScrollEnd);
|
|
7018
|
+
resizeObserver.unobserve(content2);
|
|
7019
|
+
mutationObserver.disconnect();
|
|
6905
7020
|
};
|
|
6906
|
-
if (window?.matchMedia) {
|
|
6907
|
-
const matcher = window.matchMedia("(prefers-color-scheme: light)");
|
|
6908
|
-
const colorScheme = matcher.matches ? "light" : "dark";
|
|
6909
|
-
setSystemColorScheme(colorScheme);
|
|
6910
|
-
setThemeColorScheme(colorScheme);
|
|
6911
|
-
matcher.addEventListener("change", handler);
|
|
6912
|
-
return () => {
|
|
6913
|
-
matcher.removeEventListener("change", handler);
|
|
6914
|
-
};
|
|
6915
|
-
}
|
|
6916
7021
|
}, []);
|
|
6917
|
-
|
|
6918
|
-
|
|
6919
|
-
|
|
6920
|
-
|
|
6921
|
-
|
|
6922
|
-
|
|
6923
|
-
|
|
6924
|
-
ThemeContext.Provider,
|
|
6925
|
-
{
|
|
6926
|
-
value: {
|
|
6927
|
-
activeTheme,
|
|
6928
|
-
lightTheme: lightTheme2,
|
|
6929
|
-
darkTheme: darkTheme2,
|
|
6930
|
-
themeColorScheme,
|
|
6931
|
-
setTheme: (newTheme) => {
|
|
6932
|
-
if (!newTheme) {
|
|
6933
|
-
return;
|
|
6934
|
-
}
|
|
6935
|
-
setActiveTheme(newTheme);
|
|
6936
|
-
},
|
|
6937
|
-
toggleTheme: (colorScheme) => {
|
|
6938
|
-
if (isFullThemeSet) {
|
|
6939
|
-
if (colorScheme) {
|
|
6940
|
-
if (colorScheme === "light") {
|
|
6941
|
-
setActiveTheme(lightTheme2);
|
|
6942
|
-
setThemeColorScheme("light");
|
|
6943
|
-
setCurrentIsLightToCache(true);
|
|
6944
|
-
} else {
|
|
6945
|
-
setActiveTheme(darkTheme2);
|
|
6946
|
-
setThemeColorScheme("dark");
|
|
6947
|
-
setCurrentIsLightToCache(false);
|
|
6948
|
-
}
|
|
6949
|
-
} else {
|
|
6950
|
-
if (themeColorScheme === "light") {
|
|
6951
|
-
setActiveTheme(darkTheme2);
|
|
6952
|
-
setThemeColorScheme("dark");
|
|
6953
|
-
setCurrentIsLightToCache(false);
|
|
6954
|
-
} else if (themeColorScheme === "dark") {
|
|
6955
|
-
setActiveTheme(lightTheme2);
|
|
6956
|
-
setThemeColorScheme("light");
|
|
6957
|
-
setCurrentIsLightToCache(true);
|
|
6958
|
-
}
|
|
6959
|
-
}
|
|
6960
|
-
} else {
|
|
6961
|
-
logger.warn(
|
|
6962
|
-
"Toggling is disabled since only one theme was provided as a whole themeSet, toggling would make no difference"
|
|
6963
|
-
);
|
|
6964
|
-
}
|
|
6965
|
-
}
|
|
6966
|
-
}
|
|
6967
|
-
},
|
|
6968
|
-
children
|
|
6969
|
-
);
|
|
7022
|
+
return {
|
|
7023
|
+
ref,
|
|
7024
|
+
hasTopDivider: !isTop,
|
|
7025
|
+
hasBottomDivider: isScrollable,
|
|
7026
|
+
isScrolling,
|
|
7027
|
+
isScrollable
|
|
7028
|
+
};
|
|
6970
7029
|
};
|
|
6971
7030
|
|
|
6972
7031
|
// src/providers/ModalSizeContext.tsx
|
|
6973
|
-
import
|
|
7032
|
+
import React51, { createContext as createContext13 } from "react";
|
|
6974
7033
|
var ModalSizeOptions = {
|
|
6975
7034
|
COMPACT: "compact",
|
|
6976
7035
|
MEDIUM: "medium",
|
|
@@ -6981,16 +7040,16 @@ function ModalSizeProvider({
|
|
|
6981
7040
|
children,
|
|
6982
7041
|
modalSize
|
|
6983
7042
|
}) {
|
|
6984
|
-
return /* @__PURE__ */
|
|
7043
|
+
return /* @__PURE__ */ React51.createElement(ModalSizeContext.Provider, { value: modalSize }, children);
|
|
6985
7044
|
}
|
|
6986
7045
|
|
|
6987
7046
|
// src/components/CloseButton/CloseButton.tsx
|
|
6988
|
-
import
|
|
7047
|
+
import React54 from "react";
|
|
6989
7048
|
|
|
6990
7049
|
// src/components/FunButton/FunIconButton.tsx
|
|
6991
7050
|
import { noop } from "@funkit/utils";
|
|
6992
7051
|
import clsx5 from "clsx";
|
|
6993
|
-
import
|
|
7052
|
+
import React52 from "react";
|
|
6994
7053
|
var getTranslateStyle = (iconVisualWeightCenter) => {
|
|
6995
7054
|
if (!iconVisualWeightCenter) {
|
|
6996
7055
|
return void 0;
|
|
@@ -7044,7 +7103,7 @@ var FunIconButton = ({
|
|
|
7044
7103
|
}) => {
|
|
7045
7104
|
const disableHoverStyles = as === "button" && !onClick || as === "a" && !props.href;
|
|
7046
7105
|
const showBorder = variant === "outlined";
|
|
7047
|
-
return /* @__PURE__ */
|
|
7106
|
+
return /* @__PURE__ */ React52.createElement(
|
|
7048
7107
|
Box,
|
|
7049
7108
|
{
|
|
7050
7109
|
display: "flex",
|
|
@@ -7082,7 +7141,7 @@ var FunIconButton = ({
|
|
|
7082
7141
|
...props,
|
|
7083
7142
|
...props.href ? { target: "_blank", rel: "noopener noreferrer" } : {}
|
|
7084
7143
|
},
|
|
7085
|
-
icon && /* @__PURE__ */
|
|
7144
|
+
icon && /* @__PURE__ */ React52.createElement(
|
|
7086
7145
|
Box,
|
|
7087
7146
|
{
|
|
7088
7147
|
position: "relative",
|
|
@@ -7098,9 +7157,9 @@ var FunIconButton = ({
|
|
|
7098
7157
|
};
|
|
7099
7158
|
|
|
7100
7159
|
// src/components/Icons/CloseIcon.tsx
|
|
7101
|
-
import
|
|
7160
|
+
import React53 from "react";
|
|
7102
7161
|
var CloseIcon = ({ size = 13 }) => {
|
|
7103
|
-
return /* @__PURE__ */
|
|
7162
|
+
return /* @__PURE__ */ React53.createElement(
|
|
7104
7163
|
"svg",
|
|
7105
7164
|
{
|
|
7106
7165
|
width: size,
|
|
@@ -7109,7 +7168,7 @@ var CloseIcon = ({ size = 13 }) => {
|
|
|
7109
7168
|
fill: "none",
|
|
7110
7169
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7111
7170
|
},
|
|
7112
|
-
/* @__PURE__ */
|
|
7171
|
+
/* @__PURE__ */ React53.createElement(
|
|
7113
7172
|
"path",
|
|
7114
7173
|
{
|
|
7115
7174
|
id: "Vector 93",
|
|
@@ -7119,7 +7178,7 @@ var CloseIcon = ({ size = 13 }) => {
|
|
|
7119
7178
|
strokeLinecap: "round"
|
|
7120
7179
|
}
|
|
7121
7180
|
),
|
|
7122
|
-
/* @__PURE__ */
|
|
7181
|
+
/* @__PURE__ */ React53.createElement(
|
|
7123
7182
|
"path",
|
|
7124
7183
|
{
|
|
7125
7184
|
id: "Vector 94",
|
|
@@ -7137,11 +7196,11 @@ var CloseButton = ({
|
|
|
7137
7196
|
onClose,
|
|
7138
7197
|
...buttonProps
|
|
7139
7198
|
}) => {
|
|
7140
|
-
return /* @__PURE__ */
|
|
7199
|
+
return /* @__PURE__ */ React54.createElement(
|
|
7141
7200
|
FunIconButton,
|
|
7142
7201
|
{
|
|
7143
7202
|
onClick: onClose,
|
|
7144
|
-
icon: /* @__PURE__ */
|
|
7203
|
+
icon: /* @__PURE__ */ React54.createElement(CloseIcon, null),
|
|
7145
7204
|
ariaLabel: "Close",
|
|
7146
7205
|
size: "32",
|
|
7147
7206
|
...buttonProps
|
|
@@ -7150,7 +7209,7 @@ var CloseButton = ({
|
|
|
7150
7209
|
};
|
|
7151
7210
|
|
|
7152
7211
|
// src/components/ErrorBoundary/ErrorBoundary.tsx
|
|
7153
|
-
import
|
|
7212
|
+
import React55 from "react";
|
|
7154
7213
|
import { Component } from "react";
|
|
7155
7214
|
var ErrorBoundary = class extends Component {
|
|
7156
7215
|
constructor(props) {
|
|
@@ -7165,7 +7224,7 @@ var ErrorBoundary = class extends Component {
|
|
|
7165
7224
|
}
|
|
7166
7225
|
render() {
|
|
7167
7226
|
if (this.state.hasError) {
|
|
7168
|
-
return this.props.fallback ?? /* @__PURE__ */
|
|
7227
|
+
return this.props.fallback ?? /* @__PURE__ */ React55.createElement("h1", null, "Something went wrong.");
|
|
7169
7228
|
}
|
|
7170
7229
|
return this.props.children;
|
|
7171
7230
|
}
|
|
@@ -7173,10 +7232,10 @@ var ErrorBoundary = class extends Component {
|
|
|
7173
7232
|
var ErrorBoundary_default = ErrorBoundary;
|
|
7174
7233
|
|
|
7175
7234
|
// src/components/ErrorBoundary/ErrorFallback.tsx
|
|
7176
|
-
import
|
|
7235
|
+
import React57 from "react";
|
|
7177
7236
|
|
|
7178
7237
|
// src/components/FunAlert/FunAlert.tsx
|
|
7179
|
-
import
|
|
7238
|
+
import React56 from "react";
|
|
7180
7239
|
function FunAlert({
|
|
7181
7240
|
icon,
|
|
7182
7241
|
description,
|
|
@@ -7194,7 +7253,7 @@ function FunAlert({
|
|
|
7194
7253
|
borderWidth: "1",
|
|
7195
7254
|
borderStyle: "solid"
|
|
7196
7255
|
};
|
|
7197
|
-
return /* @__PURE__ */
|
|
7256
|
+
return /* @__PURE__ */ React56.createElement(
|
|
7198
7257
|
Box,
|
|
7199
7258
|
{
|
|
7200
7259
|
...boxStyles,
|
|
@@ -7207,27 +7266,27 @@ function FunAlert({
|
|
|
7207
7266
|
gap: "6"
|
|
7208
7267
|
},
|
|
7209
7268
|
icon && // visually align the icon with the text when the content is aligned to the top
|
|
7210
|
-
/* @__PURE__ */
|
|
7211
|
-
/* @__PURE__ */
|
|
7269
|
+
/* @__PURE__ */ React56.createElement(Box, { paddingTop: verticalAlignment === "center" ? "0" : "2" }, icon),
|
|
7270
|
+
/* @__PURE__ */ React56.createElement(Text, { color: textColor, size: "10" }, description)
|
|
7212
7271
|
);
|
|
7213
7272
|
}
|
|
7214
7273
|
|
|
7215
7274
|
// src/components/ErrorBoundary/ErrorFallback.tsx
|
|
7216
|
-
var ErrorFallback = () => /* @__PURE__ */
|
|
7275
|
+
var ErrorFallback = () => /* @__PURE__ */ React57.createElement(
|
|
7217
7276
|
FunAlert,
|
|
7218
7277
|
{
|
|
7219
|
-
icon: /* @__PURE__ */
|
|
7278
|
+
icon: /* @__PURE__ */ React57.createElement(FailedStatusIcon, { iconSize: 14 }),
|
|
7220
7279
|
description: "Something went wrong."
|
|
7221
7280
|
}
|
|
7222
7281
|
);
|
|
7223
7282
|
|
|
7224
7283
|
// src/components/FunBottomBar/FunBottomBar.tsx
|
|
7225
7284
|
import { FlagKey as FlagKey7, isMobile } from "@funkit/utils";
|
|
7226
|
-
import
|
|
7285
|
+
import React61 from "react";
|
|
7227
7286
|
|
|
7228
7287
|
// src/components/FunButton/FunButton.tsx
|
|
7229
7288
|
import clsx6 from "clsx";
|
|
7230
|
-
import
|
|
7289
|
+
import React58 from "react";
|
|
7231
7290
|
var getStyleProps = (type, isDisabled) => {
|
|
7232
7291
|
const commonTertiaryStyle = {
|
|
7233
7292
|
background: {
|
|
@@ -7305,7 +7364,7 @@ function FunButton({
|
|
|
7305
7364
|
);
|
|
7306
7365
|
const isSecondary = type === "secondary";
|
|
7307
7366
|
const buttonTextSize = textSize ?? (isSecondary ? "10" : "12");
|
|
7308
|
-
return /* @__PURE__ */
|
|
7367
|
+
return /* @__PURE__ */ React58.createElement(
|
|
7309
7368
|
Box,
|
|
7310
7369
|
{
|
|
7311
7370
|
id,
|
|
@@ -7334,7 +7393,7 @@ function FunButton({
|
|
|
7334
7393
|
height,
|
|
7335
7394
|
onKeyDown: () => void 0
|
|
7336
7395
|
},
|
|
7337
|
-
/* @__PURE__ */
|
|
7396
|
+
/* @__PURE__ */ React58.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "10" }, isLoading && /* @__PURE__ */ React58.createElement(
|
|
7338
7397
|
Box,
|
|
7339
7398
|
{
|
|
7340
7399
|
display: "flex",
|
|
@@ -7345,8 +7404,8 @@ function FunButton({
|
|
|
7345
7404
|
height: `${loaderSize}px`
|
|
7346
7405
|
}
|
|
7347
7406
|
},
|
|
7348
|
-
/* @__PURE__ */
|
|
7349
|
-
), customTitleComponent ? customTitleComponent : /* @__PURE__ */
|
|
7407
|
+
/* @__PURE__ */ React58.createElement(SpinnerIcon, { size: loaderSize })
|
|
7408
|
+
), customTitleComponent ? customTitleComponent : /* @__PURE__ */ React58.createElement(
|
|
7350
7409
|
Text,
|
|
7351
7410
|
{
|
|
7352
7411
|
size: buttonTextSize,
|
|
@@ -7362,12 +7421,12 @@ function FunButton({
|
|
|
7362
7421
|
}
|
|
7363
7422
|
|
|
7364
7423
|
// src/components/FunPoweredTagline/FunPoweredTagline.tsx
|
|
7365
|
-
import
|
|
7424
|
+
import React60 from "react";
|
|
7366
7425
|
|
|
7367
7426
|
// src/components/Icons/FunLogoIcon.tsx
|
|
7368
|
-
import
|
|
7427
|
+
import React59 from "react";
|
|
7369
7428
|
var FunLogoIcon = () => {
|
|
7370
|
-
return /* @__PURE__ */
|
|
7429
|
+
return /* @__PURE__ */ React59.createElement(
|
|
7371
7430
|
"svg",
|
|
7372
7431
|
{
|
|
7373
7432
|
width: "51",
|
|
@@ -7376,77 +7435,77 @@ var FunLogoIcon = () => {
|
|
|
7376
7435
|
fill: "none",
|
|
7377
7436
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7378
7437
|
},
|
|
7379
|
-
/* @__PURE__ */
|
|
7438
|
+
/* @__PURE__ */ React59.createElement(
|
|
7380
7439
|
"path",
|
|
7381
7440
|
{
|
|
7382
7441
|
d: "M5.39453 1.47168L10.802 4.34944V10.6494L5.39453 13.5272V1.47168Z",
|
|
7383
7442
|
fill: "currentColor"
|
|
7384
7443
|
}
|
|
7385
7444
|
),
|
|
7386
|
-
/* @__PURE__ */
|
|
7445
|
+
/* @__PURE__ */ React59.createElement(
|
|
7387
7446
|
"path",
|
|
7388
7447
|
{
|
|
7389
7448
|
d: "M5.97916 2.4425L10.22 4.7V10.2981L5.97916 12.5555V2.4425ZM4.8125 0.5V14.5L11.3867 11V4L4.8125 0.5Z",
|
|
7390
7449
|
fill: "currentColor"
|
|
7391
7450
|
}
|
|
7392
7451
|
),
|
|
7393
|
-
/* @__PURE__ */
|
|
7452
|
+
/* @__PURE__ */ React59.createElement(
|
|
7394
7453
|
"path",
|
|
7395
7454
|
{
|
|
7396
7455
|
d: "M2.85156 0.5V14.5L3.8335 13.9769V1.02306L2.85156 0.5Z",
|
|
7397
7456
|
fill: "currentColor"
|
|
7398
7457
|
}
|
|
7399
7458
|
),
|
|
7400
|
-
/* @__PURE__ */
|
|
7459
|
+
/* @__PURE__ */ React59.createElement(
|
|
7401
7460
|
"path",
|
|
7402
7461
|
{
|
|
7403
7462
|
d: "M0.886719 0.5V14.5L1.86866 13.9769V1.02306L0.886719 0.5Z",
|
|
7404
7463
|
fill: "currentColor"
|
|
7405
7464
|
}
|
|
7406
7465
|
),
|
|
7407
|
-
/* @__PURE__ */
|
|
7466
|
+
/* @__PURE__ */ React59.createElement(
|
|
7408
7467
|
"path",
|
|
7409
7468
|
{
|
|
7410
7469
|
d: "M50.1112 11.0026H46.2891V10.0447L48.6455 7.24759H46.2891V6.27051H50.1112V7.23802L47.7163 10.0256H50.1112V11.0026Z",
|
|
7411
7470
|
fill: "currentColor"
|
|
7412
7471
|
}
|
|
7413
7472
|
),
|
|
7414
|
-
/* @__PURE__ */
|
|
7473
|
+
/* @__PURE__ */ React59.createElement(
|
|
7415
7474
|
"path",
|
|
7416
7475
|
{
|
|
7417
7476
|
d: "M41.0249 13.1963V12.2192H41.7241C42.184 12.2192 42.4713 12.1139 42.6725 11.5583L42.8067 11.2038L40.9004 6.27051H42.1361L43.3527 9.71903L44.6362 6.27051H45.8433L43.5251 12.0564C43.1707 12.9376 42.6725 13.3017 41.8965 13.3017C41.5709 13.3017 41.2836 13.2634 41.0249 13.1963Z",
|
|
7418
7477
|
fill: "currentColor"
|
|
7419
7478
|
}
|
|
7420
7479
|
),
|
|
7421
|
-
/* @__PURE__ */
|
|
7480
|
+
/* @__PURE__ */ React59.createElement(
|
|
7422
7481
|
"path",
|
|
7423
7482
|
{
|
|
7424
7483
|
d: "M37.0659 11.0026H35.7344L37.3629 8.68447L35.7344 6.27051H37.0946L38.1388 7.87982L39.1446 6.27051H40.4569L38.8477 8.66532L40.4091 11.0026H39.068L38.0621 9.44124L37.0659 11.0026Z",
|
|
7425
7484
|
fill: "currentColor"
|
|
7426
7485
|
}
|
|
7427
7486
|
),
|
|
7428
|
-
/* @__PURE__ */
|
|
7487
|
+
/* @__PURE__ */ React59.createElement(
|
|
7429
7488
|
"path",
|
|
7430
7489
|
{
|
|
7431
7490
|
d: "M34.0494 11.1178C33.6279 11.1178 33.2734 10.773 33.2734 10.3611C33.2734 9.93958 33.6279 9.59473 34.0494 9.59473C34.4708 9.59473 34.8253 9.93958 34.8253 10.3611C34.8253 10.773 34.4708 11.1178 34.0494 11.1178Z",
|
|
7432
7491
|
fill: "currentColor"
|
|
7433
7492
|
}
|
|
7434
7493
|
),
|
|
7435
|
-
/* @__PURE__ */
|
|
7494
|
+
/* @__PURE__ */ React59.createElement(
|
|
7436
7495
|
"path",
|
|
7437
7496
|
{
|
|
7438
7497
|
d: "M28.8562 11.0028H27.6875V6.27065H28.77L28.8658 6.88372C29.1628 6.40476 29.7375 6.12695 30.3793 6.12695C31.5671 6.12695 32.1802 6.86456 32.1802 8.09069V11.0028H31.0115V8.36849C31.0115 7.57342 30.6188 7.19025 30.0153 7.19025C29.2969 7.19025 28.8562 7.68837 28.8562 8.4547V11.0028Z",
|
|
7439
7498
|
fill: "currentColor"
|
|
7440
7499
|
}
|
|
7441
7500
|
),
|
|
7442
|
-
/* @__PURE__ */
|
|
7501
|
+
/* @__PURE__ */ React59.createElement(
|
|
7443
7502
|
"path",
|
|
7444
7503
|
{
|
|
7445
7504
|
d: "M25.4267 6.27051H26.5954V11.0026H25.5129L25.4267 10.3704C25.1394 10.8206 24.5263 11.1272 23.894 11.1272C22.802 11.1272 22.1602 10.3896 22.1602 9.23048V6.27051H23.3288V8.81858C23.3288 9.71903 23.6832 10.083 24.3347 10.083C25.0723 10.083 25.4267 9.65197 25.4267 8.75153V6.27051Z",
|
|
7446
7505
|
fill: "currentColor"
|
|
7447
7506
|
}
|
|
7448
7507
|
),
|
|
7449
|
-
/* @__PURE__ */
|
|
7508
|
+
/* @__PURE__ */ React59.createElement(
|
|
7450
7509
|
"path",
|
|
7451
7510
|
{
|
|
7452
7511
|
d: "M20.9958 8.13823H18.3901V11.0024H17.1641V4H21.4938V5.13035H18.3901V7.03661H20.9958V8.13823Z",
|
|
@@ -7458,7 +7517,7 @@ var FunLogoIcon = () => {
|
|
|
7458
7517
|
|
|
7459
7518
|
// src/components/FunPoweredTagline/FunPoweredTagline.tsx
|
|
7460
7519
|
function FunPoweredTagline() {
|
|
7461
|
-
return /* @__PURE__ */
|
|
7520
|
+
return /* @__PURE__ */ React60.createElement(
|
|
7462
7521
|
Box,
|
|
7463
7522
|
{
|
|
7464
7523
|
display: "flex",
|
|
@@ -7468,16 +7527,16 @@ function FunPoweredTagline() {
|
|
|
7468
7527
|
gap: "3",
|
|
7469
7528
|
color: "secondaryText"
|
|
7470
7529
|
},
|
|
7471
|
-
/* @__PURE__ */
|
|
7530
|
+
/* @__PURE__ */ React60.createElement(
|
|
7472
7531
|
Box,
|
|
7473
7532
|
{
|
|
7474
7533
|
display: "flex",
|
|
7475
7534
|
onClick: () => window.open("https://fun.xyz", "_blank", "noopener"),
|
|
7476
7535
|
cursor: "pointer"
|
|
7477
7536
|
},
|
|
7478
|
-
/* @__PURE__ */
|
|
7537
|
+
/* @__PURE__ */ React60.createElement(FunLogoIcon, null)
|
|
7479
7538
|
),
|
|
7480
|
-
/* @__PURE__ */
|
|
7539
|
+
/* @__PURE__ */ React60.createElement(
|
|
7481
7540
|
Text,
|
|
7482
7541
|
{
|
|
7483
7542
|
color: "secondaryText",
|
|
@@ -7496,7 +7555,7 @@ function FunPoweredTagline() {
|
|
|
7496
7555
|
}
|
|
7497
7556
|
|
|
7498
7557
|
// src/components/FunBottomBar/FunBottomBar.css.ts
|
|
7499
|
-
var topSectionDynamicPadding = "n5qwi1
|
|
7558
|
+
var topSectionDynamicPadding = "n5qwi1 _1rsrm2fgx";
|
|
7500
7559
|
|
|
7501
7560
|
// src/components/FunBottomBar/FunBottomBar.tsx
|
|
7502
7561
|
var FunBottomBar = ({
|
|
@@ -7507,14 +7566,14 @@ var FunBottomBar = ({
|
|
|
7507
7566
|
}) => {
|
|
7508
7567
|
const { uiCustomizations } = useFunkitConfig();
|
|
7509
7568
|
const showTagline = useFlag(FlagKey7.ShowPoweredTagline);
|
|
7510
|
-
const defaultBottomSection = showTagline ? /* @__PURE__ */
|
|
7569
|
+
const defaultBottomSection = showTagline ? /* @__PURE__ */ React61.createElement(FunPoweredTagline, null) : void 0;
|
|
7511
7570
|
const bottomSectionComponent = bottomSection ?? defaultBottomSection;
|
|
7512
7571
|
const hasMultipleButtons = !!onClose;
|
|
7513
7572
|
const customButtonRadius = showTagline || hasMultipleButtons ? void 0 : isMobile() ? "modalActionButtonMobile" : "modalActionButton";
|
|
7514
7573
|
if (!topSection && !bottomSection && !actionButtonProps && !onClose) {
|
|
7515
7574
|
return null;
|
|
7516
7575
|
}
|
|
7517
|
-
return /* @__PURE__ */
|
|
7576
|
+
return /* @__PURE__ */ React61.createElement(Box, null, /* @__PURE__ */ React61.createElement(Box, { className: topSectionDynamicPadding }, topSection), /* @__PURE__ */ React61.createElement(Box, { display: "flex", gap: "8" }, onClose && /* @__PURE__ */ React61.createElement(
|
|
7518
7577
|
FunButton,
|
|
7519
7578
|
{
|
|
7520
7579
|
onClick: onClose,
|
|
@@ -7526,7 +7585,7 @@ var FunBottomBar = ({
|
|
|
7526
7585
|
textWeight: "modalBottomBarButtonText",
|
|
7527
7586
|
uppercase: uiCustomizations?.callToActionsUppercase
|
|
7528
7587
|
}
|
|
7529
|
-
), actionButtonProps && /* @__PURE__ */
|
|
7588
|
+
), actionButtonProps && /* @__PURE__ */ React61.createElement(
|
|
7530
7589
|
FunButton,
|
|
7531
7590
|
{
|
|
7532
7591
|
...actionButtonProps,
|
|
@@ -7536,14 +7595,14 @@ var FunBottomBar = ({
|
|
|
7536
7595
|
textWeight: "modalBottomBarButtonText",
|
|
7537
7596
|
uppercase: uiCustomizations?.callToActionsUppercase
|
|
7538
7597
|
}
|
|
7539
|
-
)), bottomSectionComponent && /* @__PURE__ */
|
|
7598
|
+
)), bottomSectionComponent && /* @__PURE__ */ React61.createElement(Box, { paddingTop: "10" }, bottomSectionComponent));
|
|
7540
7599
|
};
|
|
7541
7600
|
|
|
7542
7601
|
// src/components/FunButton/FunBackButton.tsx
|
|
7543
|
-
import
|
|
7602
|
+
import React63 from "react";
|
|
7544
7603
|
|
|
7545
7604
|
// src/components/Icons/ArrowIcon.tsx
|
|
7546
|
-
import
|
|
7605
|
+
import React62 from "react";
|
|
7547
7606
|
var directionMap = {
|
|
7548
7607
|
down: "rotate(-90deg)",
|
|
7549
7608
|
up: "rotate(90deg)",
|
|
@@ -7551,7 +7610,7 @@ var directionMap = {
|
|
|
7551
7610
|
right: "rotate(180deg)"
|
|
7552
7611
|
};
|
|
7553
7612
|
var ArrowIcon = ({ direction, size = 16 }) => {
|
|
7554
|
-
return /* @__PURE__ */
|
|
7613
|
+
return /* @__PURE__ */ React62.createElement(
|
|
7555
7614
|
"svg",
|
|
7556
7615
|
{
|
|
7557
7616
|
width: size,
|
|
@@ -7561,7 +7620,7 @@ var ArrowIcon = ({ direction, size = 16 }) => {
|
|
|
7561
7620
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7562
7621
|
style: { transform: directionMap[direction] }
|
|
7563
7622
|
},
|
|
7564
|
-
/* @__PURE__ */
|
|
7623
|
+
/* @__PURE__ */ React62.createElement(
|
|
7565
7624
|
"path",
|
|
7566
7625
|
{
|
|
7567
7626
|
d: "M15 17.9915L9 11.9915L15 5.99146",
|
|
@@ -7573,18 +7632,18 @@ var ArrowIcon = ({ direction, size = 16 }) => {
|
|
|
7573
7632
|
)
|
|
7574
7633
|
);
|
|
7575
7634
|
};
|
|
7576
|
-
var BackIcon = () => /* @__PURE__ */
|
|
7635
|
+
var BackIcon = () => /* @__PURE__ */ React62.createElement(ArrowIcon, { direction: "left" });
|
|
7577
7636
|
|
|
7578
7637
|
// src/components/FunButton/FunBackButton.tsx
|
|
7579
7638
|
var FunBackButton = ({
|
|
7580
7639
|
onBack,
|
|
7581
7640
|
...buttonProps
|
|
7582
7641
|
}) => {
|
|
7583
|
-
return /* @__PURE__ */
|
|
7642
|
+
return /* @__PURE__ */ React63.createElement(
|
|
7584
7643
|
FunIconButton,
|
|
7585
7644
|
{
|
|
7586
7645
|
onClick: onBack,
|
|
7587
|
-
icon: /* @__PURE__ */
|
|
7646
|
+
icon: /* @__PURE__ */ React63.createElement(BackIcon, null),
|
|
7588
7647
|
ariaLabel: "Back",
|
|
7589
7648
|
size: "32",
|
|
7590
7649
|
...buttonProps,
|
|
@@ -7594,7 +7653,7 @@ var FunBackButton = ({
|
|
|
7594
7653
|
};
|
|
7595
7654
|
|
|
7596
7655
|
// src/components/FunDivider/FunDivider.tsx
|
|
7597
|
-
import
|
|
7656
|
+
import React64 from "react";
|
|
7598
7657
|
|
|
7599
7658
|
// src/components/FunDivider/FunDivider.css.ts
|
|
7600
7659
|
var dividerBorder = "_3dkdsc0";
|
|
@@ -7608,7 +7667,7 @@ function FunDivider({
|
|
|
7608
7667
|
label
|
|
7609
7668
|
}) {
|
|
7610
7669
|
if (!label) {
|
|
7611
|
-
return /* @__PURE__ */
|
|
7670
|
+
return /* @__PURE__ */ React64.createElement(
|
|
7612
7671
|
Box,
|
|
7613
7672
|
{
|
|
7614
7673
|
id: DIVIDER_ID,
|
|
@@ -7620,7 +7679,7 @@ function FunDivider({
|
|
|
7620
7679
|
}
|
|
7621
7680
|
);
|
|
7622
7681
|
}
|
|
7623
|
-
return /* @__PURE__ */
|
|
7682
|
+
return /* @__PURE__ */ React64.createElement(
|
|
7624
7683
|
Box,
|
|
7625
7684
|
{
|
|
7626
7685
|
display: "flex",
|
|
@@ -7631,14 +7690,14 @@ function FunDivider({
|
|
|
7631
7690
|
marginTop,
|
|
7632
7691
|
marginBottom
|
|
7633
7692
|
},
|
|
7634
|
-
/* @__PURE__ */
|
|
7635
|
-
/* @__PURE__ */
|
|
7636
|
-
/* @__PURE__ */
|
|
7693
|
+
/* @__PURE__ */ React64.createElement(Box, { borderColor, className: dividerBorder }),
|
|
7694
|
+
/* @__PURE__ */ React64.createElement(Text, { size: "10", color: "tertiaryText", weight: "medium" }, label),
|
|
7695
|
+
/* @__PURE__ */ React64.createElement(Box, { borderColor, className: dividerBorder })
|
|
7637
7696
|
);
|
|
7638
7697
|
}
|
|
7639
7698
|
|
|
7640
7699
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
7641
|
-
import
|
|
7700
|
+
import React66, {
|
|
7642
7701
|
useCallback as useCallback11,
|
|
7643
7702
|
useEffect as useEffect14,
|
|
7644
7703
|
useRef as useRef6,
|
|
@@ -7648,10 +7707,10 @@ import clsx7 from "clsx";
|
|
|
7648
7707
|
import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
|
|
7649
7708
|
|
|
7650
7709
|
// src/components/Icons/New/InfoIcon.tsx
|
|
7651
|
-
import
|
|
7710
|
+
import React65 from "react";
|
|
7652
7711
|
var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
7653
7712
|
if (filled) {
|
|
7654
|
-
return /* @__PURE__ */
|
|
7713
|
+
return /* @__PURE__ */ React65.createElement(
|
|
7655
7714
|
"svg",
|
|
7656
7715
|
{
|
|
7657
7716
|
width: size,
|
|
@@ -7660,7 +7719,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
7660
7719
|
fill: "none",
|
|
7661
7720
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7662
7721
|
},
|
|
7663
|
-
/* @__PURE__ */
|
|
7722
|
+
/* @__PURE__ */ React65.createElement(
|
|
7664
7723
|
"path",
|
|
7665
7724
|
{
|
|
7666
7725
|
fillRule: "evenodd",
|
|
@@ -7671,7 +7730,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
7671
7730
|
)
|
|
7672
7731
|
);
|
|
7673
7732
|
}
|
|
7674
|
-
return /* @__PURE__ */
|
|
7733
|
+
return /* @__PURE__ */ React65.createElement(
|
|
7675
7734
|
"svg",
|
|
7676
7735
|
{
|
|
7677
7736
|
width: size,
|
|
@@ -7680,7 +7739,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
7680
7739
|
fill: "none",
|
|
7681
7740
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7682
7741
|
},
|
|
7683
|
-
/* @__PURE__ */
|
|
7742
|
+
/* @__PURE__ */ React65.createElement("g", { clipPath: "url(#clip0_24111_15523)" }, /* @__PURE__ */ React65.createElement(
|
|
7684
7743
|
"path",
|
|
7685
7744
|
{
|
|
7686
7745
|
d: "M6.5 8V6M6.5 4H6.505M11.5 6C11.5 8.76142 9.26142 11 6.5 11C3.73858 11 1.5 8.76142 1.5 6C1.5 3.23858 3.73858 1 6.5 1C9.26142 1 11.5 3.23858 11.5 6Z",
|
|
@@ -7690,7 +7749,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
7690
7749
|
strokeLinejoin: "round"
|
|
7691
7750
|
}
|
|
7692
7751
|
)),
|
|
7693
|
-
/* @__PURE__ */
|
|
7752
|
+
/* @__PURE__ */ React65.createElement("defs", null, /* @__PURE__ */ React65.createElement("clipPath", { id: "clip0_24111_15523" }, /* @__PURE__ */ React65.createElement(
|
|
7694
7753
|
"rect",
|
|
7695
7754
|
{
|
|
7696
7755
|
width: "12",
|
|
@@ -7704,7 +7763,7 @@ var InfoIcon = ({ filled = false, size = 12 }) => {
|
|
|
7704
7763
|
|
|
7705
7764
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
7706
7765
|
var tooltipContainer = "z1l38i0";
|
|
7707
|
-
var tooltipStyle = "z1l38i2
|
|
7766
|
+
var tooltipStyle = "z1l38i2 _1rsrm2feh _1rsrm2ffe _1rsrm2fg9 _1rsrm2fdi _1rsrm2f15 _1rsrm2flq _1rsrm2f13k _1rsrm2f1b _1rsrm2f1f";
|
|
7708
7767
|
var tooltipStyleBottom = "z1l38i3";
|
|
7709
7768
|
var tooltipStyleCenter = "z1l38i4";
|
|
7710
7769
|
var tooltipStyleLeft = "z1l38i6";
|
|
@@ -7713,7 +7772,7 @@ var tooltipStyleRight = "z1l38i5";
|
|
|
7713
7772
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
7714
7773
|
var FunTooltip = ({
|
|
7715
7774
|
content: content2,
|
|
7716
|
-
children = /* @__PURE__ */
|
|
7775
|
+
children = /* @__PURE__ */ React66.createElement(Box, { color: { base: "tertiaryText", hover: "primaryText" } }, /* @__PURE__ */ React66.createElement(InfoIcon, null)),
|
|
7717
7776
|
wrapperElementRef,
|
|
7718
7777
|
tooltipPosition = "center",
|
|
7719
7778
|
enableDynamicPositioning = false,
|
|
@@ -7776,7 +7835,7 @@ var FunTooltip = ({
|
|
|
7776
7835
|
}, [wrapperElementRef, enableDynamicPositioning, maxWidth]);
|
|
7777
7836
|
const showOnHover = displayType === "hover";
|
|
7778
7837
|
const showOnClick = displayType === "click";
|
|
7779
|
-
return /* @__PURE__ */
|
|
7838
|
+
return /* @__PURE__ */ React66.createElement(
|
|
7780
7839
|
Box,
|
|
7781
7840
|
{
|
|
7782
7841
|
className: tooltipContainer,
|
|
@@ -7786,7 +7845,7 @@ var FunTooltip = ({
|
|
|
7786
7845
|
ref: tooltipRef,
|
|
7787
7846
|
width
|
|
7788
7847
|
},
|
|
7789
|
-
/* @__PURE__ */
|
|
7848
|
+
/* @__PURE__ */ React66.createElement(AnimatePresence2, null, isDisplayed && /* @__PURE__ */ React66.createElement(
|
|
7790
7849
|
motion3.div,
|
|
7791
7850
|
{
|
|
7792
7851
|
initial: { opacity: 0 },
|
|
@@ -7794,7 +7853,7 @@ var FunTooltip = ({
|
|
|
7794
7853
|
animate: { opacity: 1 },
|
|
7795
7854
|
exit: { opacity: 0 }
|
|
7796
7855
|
},
|
|
7797
|
-
/* @__PURE__ */
|
|
7856
|
+
/* @__PURE__ */ React66.createElement(
|
|
7798
7857
|
Text,
|
|
7799
7858
|
{
|
|
7800
7859
|
size: "10",
|
|
@@ -7819,9 +7878,9 @@ var FunTooltip = ({
|
|
|
7819
7878
|
};
|
|
7820
7879
|
|
|
7821
7880
|
// src/components/Icons/New/HelpIcon.tsx
|
|
7822
|
-
import
|
|
7881
|
+
import React67 from "react";
|
|
7823
7882
|
var HelpIcon = () => {
|
|
7824
|
-
return /* @__PURE__ */
|
|
7883
|
+
return /* @__PURE__ */ React67.createElement(
|
|
7825
7884
|
"svg",
|
|
7826
7885
|
{
|
|
7827
7886
|
width: "17",
|
|
@@ -7830,7 +7889,7 @@ var HelpIcon = () => {
|
|
|
7830
7889
|
fill: "none",
|
|
7831
7890
|
xmlns: "http://www.w3.org/2000/svg"
|
|
7832
7891
|
},
|
|
7833
|
-
/* @__PURE__ */
|
|
7892
|
+
/* @__PURE__ */ React67.createElement("g", { clipPath: "url(#clip0_29018_24767)" }, /* @__PURE__ */ React67.createElement(
|
|
7834
7893
|
"path",
|
|
7835
7894
|
{
|
|
7836
7895
|
d: "M6.09825 6.50016C6.25498 6.05461 6.56435 5.6789 6.97155 5.43958C7.37875 5.20027 7.85751 5.11279 8.32303 5.19264C8.78855 5.27249 9.21079 5.51451 9.51497 5.87585C9.81914 6.23718 9.98562 6.69451 9.98491 7.16683C9.98491 8.50016 7.98492 9.16683 7.98492 9.16683M8.03825 11.8335H8.04492M14.7049 8.50016C14.7049 12.1821 11.7201 15.1668 8.03825 15.1668C4.35635 15.1668 1.37158 12.1821 1.37158 8.50016C1.37158 4.81826 4.35635 1.8335 8.03825 1.8335C11.7201 1.8335 14.7049 4.81826 14.7049 8.50016Z",
|
|
@@ -7840,7 +7899,7 @@ var HelpIcon = () => {
|
|
|
7840
7899
|
strokeLinejoin: "round"
|
|
7841
7900
|
}
|
|
7842
7901
|
)),
|
|
7843
|
-
/* @__PURE__ */
|
|
7902
|
+
/* @__PURE__ */ React67.createElement("defs", null, /* @__PURE__ */ React67.createElement("clipPath", { id: "clip0_29018_24767" }, /* @__PURE__ */ React67.createElement(
|
|
7844
7903
|
"rect",
|
|
7845
7904
|
{
|
|
7846
7905
|
width: "16",
|
|
@@ -7853,7 +7912,7 @@ var HelpIcon = () => {
|
|
|
7853
7912
|
};
|
|
7854
7913
|
|
|
7855
7914
|
// src/components/Dialog/FocusTrap.tsx
|
|
7856
|
-
import
|
|
7915
|
+
import React68, { useCallback as useCallback12, useEffect as useEffect15, useRef as useRef7 } from "react";
|
|
7857
7916
|
var moveFocusWithin = (element2, position) => {
|
|
7858
7917
|
const focusableElements = element2.querySelectorAll(
|
|
7859
7918
|
"button:not(:disabled), a[href]"
|
|
@@ -7883,7 +7942,7 @@ function FocusTrap(props) {
|
|
|
7883
7942
|
}
|
|
7884
7943
|
}
|
|
7885
7944
|
}, []);
|
|
7886
|
-
return /* @__PURE__ */
|
|
7945
|
+
return /* @__PURE__ */ React68.createElement(React68.Fragment, null, /* @__PURE__ */ React68.createElement(
|
|
7887
7946
|
"div",
|
|
7888
7947
|
{
|
|
7889
7948
|
onFocus: useCallback12(
|
|
@@ -7892,7 +7951,7 @@ function FocusTrap(props) {
|
|
|
7892
7951
|
),
|
|
7893
7952
|
tabIndex: 0
|
|
7894
7953
|
}
|
|
7895
|
-
), /* @__PURE__ */
|
|
7954
|
+
), /* @__PURE__ */ React68.createElement(
|
|
7896
7955
|
"div",
|
|
7897
7956
|
{
|
|
7898
7957
|
ref: contentRef,
|
|
@@ -7900,7 +7959,7 @@ function FocusTrap(props) {
|
|
|
7900
7959
|
tabIndex: -1,
|
|
7901
7960
|
...props
|
|
7902
7961
|
}
|
|
7903
|
-
), /* @__PURE__ */
|
|
7962
|
+
), /* @__PURE__ */ React68.createElement(
|
|
7904
7963
|
"div",
|
|
7905
7964
|
{
|
|
7906
7965
|
onFocus: useCallback12(
|
|
@@ -8085,13 +8144,13 @@ function Dialog({
|
|
|
8085
8144
|
return null;
|
|
8086
8145
|
}
|
|
8087
8146
|
return createPortal(
|
|
8088
|
-
/* @__PURE__ */
|
|
8147
|
+
/* @__PURE__ */ React69.createElement(AnimatePresence3, null, open && /* @__PURE__ */ React69.createElement(RemoveScroll, { enabled: !allowBackgroundScroll, allowPinchZoom: true }, /* @__PURE__ */ React69.createElement(
|
|
8089
8148
|
Box,
|
|
8090
8149
|
{
|
|
8091
8150
|
...themeRootProps,
|
|
8092
8151
|
style: { display: isHidden ? "none" : void 0 }
|
|
8093
8152
|
},
|
|
8094
|
-
/* @__PURE__ */
|
|
8153
|
+
/* @__PURE__ */ React69.createElement(
|
|
8095
8154
|
motion4.div,
|
|
8096
8155
|
{
|
|
8097
8156
|
...themeRootProps,
|
|
@@ -8105,7 +8164,7 @@ function Dialog({
|
|
|
8105
8164
|
onClick: handleBackdropClick,
|
|
8106
8165
|
role: "dialog"
|
|
8107
8166
|
},
|
|
8108
|
-
/* @__PURE__ */
|
|
8167
|
+
/* @__PURE__ */ React69.createElement(
|
|
8109
8168
|
motion4.div,
|
|
8110
8169
|
{
|
|
8111
8170
|
...getMotionProps("content"),
|
|
@@ -8114,7 +8173,7 @@ function Dialog({
|
|
|
8114
8173
|
onClick: stopPropagation,
|
|
8115
8174
|
role: "document"
|
|
8116
8175
|
},
|
|
8117
|
-
/* @__PURE__ */
|
|
8176
|
+
/* @__PURE__ */ React69.createElement(FocusTrap, { className: content }, /* @__PURE__ */ React69.createElement(
|
|
8118
8177
|
DialogWrapper,
|
|
8119
8178
|
{
|
|
8120
8179
|
withoutSidePadding: withoutSidePadding2,
|
|
@@ -8140,7 +8199,7 @@ var DialogWrapper = ({
|
|
|
8140
8199
|
[ModalSizeOptions.COMPACT]: dialogCompact,
|
|
8141
8200
|
[ModalSizeOptions.WIDE]: dialog
|
|
8142
8201
|
};
|
|
8143
|
-
return /* @__PURE__ */
|
|
8202
|
+
return /* @__PURE__ */ React69.createElement(ErrorBoundary_default, { fallback: /* @__PURE__ */ React69.createElement(ErrorFallback, null) }, /* @__PURE__ */ React69.createElement(Box, { position: "relative", paddingBottom: "15" }, /* @__PURE__ */ React69.createElement(
|
|
8144
8203
|
Box,
|
|
8145
8204
|
{
|
|
8146
8205
|
className: clsx8(
|
|
@@ -8173,7 +8232,7 @@ var DialogContent = ({
|
|
|
8173
8232
|
const displayTopDivider = withTopDivider !== "never" && (withTopDivider === "always" || hasTopDivider) && !withoutInternalPadding;
|
|
8174
8233
|
const displayBottomDivider = withBottomDivider !== "never" && (withBottomDivider === "always" || hasBottomDivider && !bottomBarHasNoChildren) && !withoutInternalPadding;
|
|
8175
8234
|
const extraContentTopPadding = withTopDivider === "always";
|
|
8176
|
-
return /* @__PURE__ */
|
|
8235
|
+
return /* @__PURE__ */ React69.createElement(React69.Fragment, null, !withoutInternalPadding && /* @__PURE__ */ React69.createElement(
|
|
8177
8236
|
Box,
|
|
8178
8237
|
{
|
|
8179
8238
|
className: dividerTransition,
|
|
@@ -8183,8 +8242,8 @@ var DialogContent = ({
|
|
|
8183
8242
|
opacity: displayTopDivider ? 1 : 0
|
|
8184
8243
|
}
|
|
8185
8244
|
},
|
|
8186
|
-
/* @__PURE__ */
|
|
8187
|
-
), /* @__PURE__ */
|
|
8245
|
+
/* @__PURE__ */ React69.createElement(FunDivider, { borderColor: "modalHeaderDivider" })
|
|
8246
|
+
), /* @__PURE__ */ React69.createElement(
|
|
8188
8247
|
Box,
|
|
8189
8248
|
{
|
|
8190
8249
|
paddingTop: paddingTop ?? (extraContentTopPadding ? "modalPaddingBottomUpper" : void 0),
|
|
@@ -8206,7 +8265,7 @@ var DialogContent = ({
|
|
|
8206
8265
|
id
|
|
8207
8266
|
},
|
|
8208
8267
|
children
|
|
8209
|
-
), /* @__PURE__ */
|
|
8268
|
+
), /* @__PURE__ */ React69.createElement(
|
|
8210
8269
|
Box,
|
|
8211
8270
|
{
|
|
8212
8271
|
id: MODAL_DIVIDER_ID,
|
|
@@ -8217,7 +8276,7 @@ var DialogContent = ({
|
|
|
8217
8276
|
opacity: displayBottomDivider ? 1 : 0
|
|
8218
8277
|
}
|
|
8219
8278
|
},
|
|
8220
|
-
/* @__PURE__ */
|
|
8279
|
+
/* @__PURE__ */ React69.createElement(FunDivider, { borderColor: "modalFooterDivider" })
|
|
8221
8280
|
));
|
|
8222
8281
|
};
|
|
8223
8282
|
var DialogBottom = ({
|
|
@@ -8229,7 +8288,7 @@ var DialogBottom = ({
|
|
|
8229
8288
|
const ref = useRef8(null);
|
|
8230
8289
|
const extraBottomPadding = getValueFromPxString(activeTheme.spacing.modalBaseHorizontalPadding) * 2 - getValueFromPxString(activeTheme.spacing.modalPaddingBottomLower);
|
|
8231
8290
|
const hasNoChildren = useBottomBarHasNoChildren();
|
|
8232
|
-
return /* @__PURE__ */
|
|
8291
|
+
return /* @__PURE__ */ React69.createElement(
|
|
8233
8292
|
Box,
|
|
8234
8293
|
{
|
|
8235
8294
|
id: boxProps.id ?? MODAL_BOTTOM_BAR_WRAPPER_ID,
|
|
@@ -8262,7 +8321,7 @@ var DialogTitle = ({
|
|
|
8262
8321
|
onBack?.();
|
|
8263
8322
|
};
|
|
8264
8323
|
const alignTitleToLeftSide = isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey);
|
|
8265
|
-
return /* @__PURE__ */
|
|
8324
|
+
return /* @__PURE__ */ React69.createElement(
|
|
8266
8325
|
Box,
|
|
8267
8326
|
{
|
|
8268
8327
|
className: clsx8(titleContainer, className),
|
|
@@ -8271,14 +8330,14 @@ var DialogTitle = ({
|
|
|
8271
8330
|
paddingY: "12",
|
|
8272
8331
|
gap: "8"
|
|
8273
8332
|
},
|
|
8274
|
-
/* @__PURE__ */
|
|
8333
|
+
/* @__PURE__ */ React69.createElement(
|
|
8275
8334
|
Box,
|
|
8276
8335
|
{
|
|
8277
8336
|
style: {
|
|
8278
8337
|
...!alignTitleToLeftSide && { flexBasis: 0, flexGrow: 1 }
|
|
8279
8338
|
}
|
|
8280
8339
|
},
|
|
8281
|
-
hasBackButton && /* @__PURE__ */
|
|
8340
|
+
hasBackButton && /* @__PURE__ */ React69.createElement(
|
|
8282
8341
|
FunBackButton,
|
|
8283
8342
|
{
|
|
8284
8343
|
onBack: handleBack,
|
|
@@ -8287,7 +8346,7 @@ var DialogTitle = ({
|
|
|
8287
8346
|
}
|
|
8288
8347
|
)
|
|
8289
8348
|
),
|
|
8290
|
-
/* @__PURE__ */
|
|
8349
|
+
/* @__PURE__ */ React69.createElement(Box, null, /* @__PURE__ */ React69.createElement(AnimatePresence3, null, title && /* @__PURE__ */ React69.createElement(
|
|
8291
8350
|
motion4.div,
|
|
8292
8351
|
{
|
|
8293
8352
|
initial: { opacity: 0 },
|
|
@@ -8299,7 +8358,7 @@ var DialogTitle = ({
|
|
|
8299
8358
|
},
|
|
8300
8359
|
key: title
|
|
8301
8360
|
},
|
|
8302
|
-
/* @__PURE__ */
|
|
8361
|
+
/* @__PURE__ */ React69.createElement(
|
|
8303
8362
|
Box,
|
|
8304
8363
|
{
|
|
8305
8364
|
textAlign: "center",
|
|
@@ -8309,7 +8368,7 @@ var DialogTitle = ({
|
|
|
8309
8368
|
flexDirection: "column",
|
|
8310
8369
|
gap: "modalTopBarVerticalTextSpacing"
|
|
8311
8370
|
},
|
|
8312
|
-
/* @__PURE__ */
|
|
8371
|
+
/* @__PURE__ */ React69.createElement(
|
|
8313
8372
|
Text,
|
|
8314
8373
|
{
|
|
8315
8374
|
as: "h1",
|
|
@@ -8319,10 +8378,10 @@ var DialogTitle = ({
|
|
|
8319
8378
|
},
|
|
8320
8379
|
title
|
|
8321
8380
|
),
|
|
8322
|
-
titleMeta && /* @__PURE__ */
|
|
8381
|
+
titleMeta && /* @__PURE__ */ React69.createElement(Text, { color: "secondaryText", size: "modalTopbarSubtitle" }, titleMeta)
|
|
8323
8382
|
)
|
|
8324
8383
|
))),
|
|
8325
|
-
/* @__PURE__ */
|
|
8384
|
+
/* @__PURE__ */ React69.createElement(
|
|
8326
8385
|
Box,
|
|
8327
8386
|
{
|
|
8328
8387
|
style: { flexBasis: 0, flexGrow: 1 },
|
|
@@ -8330,7 +8389,7 @@ var DialogTitle = ({
|
|
|
8330
8389
|
justifyContent: "flex-end",
|
|
8331
8390
|
alignItems: "center"
|
|
8332
8391
|
},
|
|
8333
|
-
/* @__PURE__ */
|
|
8392
|
+
/* @__PURE__ */ React69.createElement(
|
|
8334
8393
|
Box,
|
|
8335
8394
|
{
|
|
8336
8395
|
display: "flex",
|
|
@@ -8339,7 +8398,7 @@ var DialogTitle = ({
|
|
|
8339
8398
|
position: "relative",
|
|
8340
8399
|
gap: "5"
|
|
8341
8400
|
},
|
|
8342
|
-
/* @__PURE__ */
|
|
8401
|
+
/* @__PURE__ */ React69.createElement(
|
|
8343
8402
|
Box,
|
|
8344
8403
|
{
|
|
8345
8404
|
id: CHECKOUT_MODAL_TITLE_COUNTDOWN_ID,
|
|
@@ -8350,7 +8409,7 @@ var DialogTitle = ({
|
|
|
8350
8409
|
minWidth: "32"
|
|
8351
8410
|
}
|
|
8352
8411
|
),
|
|
8353
|
-
!!helpButtonUrl && /* @__PURE__ */
|
|
8412
|
+
!!helpButtonUrl && /* @__PURE__ */ React69.createElement(
|
|
8354
8413
|
FunTooltip,
|
|
8355
8414
|
{
|
|
8356
8415
|
tooltipPosition: "left",
|
|
@@ -8358,19 +8417,19 @@ var DialogTitle = ({
|
|
|
8358
8417
|
content: "Get help",
|
|
8359
8418
|
bottomOffset: false
|
|
8360
8419
|
},
|
|
8361
|
-
/* @__PURE__ */
|
|
8420
|
+
/* @__PURE__ */ React69.createElement(
|
|
8362
8421
|
FunIconButton,
|
|
8363
8422
|
{
|
|
8364
8423
|
as: "a",
|
|
8365
8424
|
href: helpButtonUrl,
|
|
8366
|
-
icon: /* @__PURE__ */
|
|
8425
|
+
icon: /* @__PURE__ */ React69.createElement(HelpIcon, null),
|
|
8367
8426
|
ariaLabel: "Help",
|
|
8368
8427
|
size: "32",
|
|
8369
8428
|
borderRadius: "full"
|
|
8370
8429
|
}
|
|
8371
8430
|
)
|
|
8372
8431
|
),
|
|
8373
|
-
hasCloseButton && /* @__PURE__ */
|
|
8432
|
+
hasCloseButton && /* @__PURE__ */ React69.createElement(
|
|
8374
8433
|
CloseButton,
|
|
8375
8434
|
{
|
|
8376
8435
|
onClose,
|
|
@@ -8403,7 +8462,7 @@ import { useDebounce } from "use-debounce";
|
|
|
8403
8462
|
import { useAccount as useAccount3 } from "wagmi";
|
|
8404
8463
|
|
|
8405
8464
|
// src/components/AsyncImage/AsyncImage.tsx
|
|
8406
|
-
import
|
|
8465
|
+
import React70, { useMemo as useMemo9, useReducer as useReducer2, useState as useState17 } from "react";
|
|
8407
8466
|
|
|
8408
8467
|
// src/components/AsyncImage/useAsyncImage.ts
|
|
8409
8468
|
import { useEffect as useEffect19, useReducer } from "react";
|
|
@@ -8510,7 +8569,7 @@ function AsyncImage({
|
|
|
8510
8569
|
useAsImage,
|
|
8511
8570
|
setRemoteImageLoaded
|
|
8512
8571
|
]);
|
|
8513
|
-
const mainElement = hasError && fallbackElement || /* @__PURE__ */
|
|
8572
|
+
const mainElement = hasError && fallbackElement || /* @__PURE__ */ React70.createElement(
|
|
8514
8573
|
Box,
|
|
8515
8574
|
{
|
|
8516
8575
|
...imgProps,
|
|
@@ -8525,7 +8584,7 @@ function AsyncImage({
|
|
|
8525
8584
|
width: "full"
|
|
8526
8585
|
}
|
|
8527
8586
|
);
|
|
8528
|
-
return /* @__PURE__ */
|
|
8587
|
+
return /* @__PURE__ */ React70.createElement(
|
|
8529
8588
|
Box,
|
|
8530
8589
|
{
|
|
8531
8590
|
"aria-label": alt,
|
|
@@ -8544,7 +8603,7 @@ function AsyncImage({
|
|
|
8544
8603
|
testId
|
|
8545
8604
|
},
|
|
8546
8605
|
mainElement,
|
|
8547
|
-
borderColor ? /* @__PURE__ */
|
|
8606
|
+
borderColor ? /* @__PURE__ */ React70.createElement(
|
|
8548
8607
|
Box,
|
|
8549
8608
|
{
|
|
8550
8609
|
...typeof borderColor === "object" && "custom" in borderColor ? { style: { borderColor: borderColor.custom } } : { borderColor },
|
|
@@ -8592,35 +8651,12 @@ var DROPDOWN_Z_INDEX = 10;
|
|
|
8592
8651
|
|
|
8593
8652
|
// src/components/FunInput/FunInput.tsx
|
|
8594
8653
|
import React72, {
|
|
8595
|
-
forwardRef as
|
|
8654
|
+
forwardRef as forwardRef3,
|
|
8596
8655
|
useEffect as useEffect20,
|
|
8597
8656
|
useState as useState18
|
|
8598
8657
|
} from "react";
|
|
8599
8658
|
import clsx9 from "clsx";
|
|
8600
8659
|
|
|
8601
|
-
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
8602
|
-
import React70 from "react";
|
|
8603
|
-
function FunSkeletonBlock({
|
|
8604
|
-
width = "full",
|
|
8605
|
-
borderRadius = "skeleton",
|
|
8606
|
-
height,
|
|
8607
|
-
...props
|
|
8608
|
-
}) {
|
|
8609
|
-
return /* @__PURE__ */ React70.createElement(
|
|
8610
|
-
Box,
|
|
8611
|
-
{
|
|
8612
|
-
borderRadius,
|
|
8613
|
-
className: animateSkeletonClass,
|
|
8614
|
-
width,
|
|
8615
|
-
...props,
|
|
8616
|
-
style: {
|
|
8617
|
-
// when height is passed as a theme value, it will already contain 'px' suffix, if passed as BoxProps['height'], it will missing the suffix
|
|
8618
|
-
height: height.endsWith("px") ? height : `${height}px`
|
|
8619
|
-
}
|
|
8620
|
-
}
|
|
8621
|
-
);
|
|
8622
|
-
}
|
|
8623
|
-
|
|
8624
8660
|
// src/components/Icons/SearchIcon.tsx
|
|
8625
8661
|
import React71 from "react";
|
|
8626
8662
|
var SearchIcon = () => {
|
|
@@ -8652,14 +8688,14 @@ var SearchIcon = () => {
|
|
|
8652
8688
|
|
|
8653
8689
|
// src/components/FunInput/FunInput.css.ts
|
|
8654
8690
|
var baseWrapperStyles = "zue0i60";
|
|
8655
|
-
var inputClass = "zue0i63
|
|
8656
|
-
var inputClassDisabled = "zue0i65
|
|
8657
|
-
var inputClassError = "zue0i67
|
|
8691
|
+
var inputClass = "zue0i63 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1m8";
|
|
8692
|
+
var inputClassDisabled = "zue0i65 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1nq";
|
|
8693
|
+
var inputClassError = "zue0i67 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1m8";
|
|
8658
8694
|
var numberInputResetStyle = "zue0i61";
|
|
8659
8695
|
|
|
8660
8696
|
// src/components/FunInput/FunInput.tsx
|
|
8661
8697
|
var DEFAULT_ICON_FONT_SIZE = "57px";
|
|
8662
|
-
var FunInput =
|
|
8698
|
+
var FunInput = forwardRef3(
|
|
8663
8699
|
function FunInputWithRef({
|
|
8664
8700
|
prefix,
|
|
8665
8701
|
suffix,
|
|
@@ -9501,7 +9537,8 @@ var ChainDropdown = ({
|
|
|
9501
9537
|
isLoading,
|
|
9502
9538
|
alwaysOpenToTop,
|
|
9503
9539
|
maxDropdownHeight,
|
|
9504
|
-
tagComponent
|
|
9540
|
+
tagComponent,
|
|
9541
|
+
baseDropdownProps = {}
|
|
9505
9542
|
}) => {
|
|
9506
9543
|
const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
|
|
9507
9544
|
const defaultChainId = safeJSONParse(defaultChainIdJson);
|
|
@@ -9606,7 +9643,8 @@ var ChainDropdown = ({
|
|
|
9606
9643
|
}
|
|
9607
9644
|
return dropdownItem;
|
|
9608
9645
|
},
|
|
9609
|
-
preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
|
|
9646
|
+
preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl),
|
|
9647
|
+
...baseDropdownProps
|
|
9610
9648
|
}
|
|
9611
9649
|
);
|
|
9612
9650
|
};
|
|
@@ -9727,7 +9765,8 @@ var TokenDropdown = ({
|
|
|
9727
9765
|
onTokenSelected,
|
|
9728
9766
|
isLoading,
|
|
9729
9767
|
alwaysOpenToTop,
|
|
9730
|
-
maxDropdownHeight
|
|
9768
|
+
maxDropdownHeight,
|
|
9769
|
+
baseDropdownProps = {}
|
|
9731
9770
|
}) => {
|
|
9732
9771
|
const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
|
|
9733
9772
|
const defaultTokens = safeJSONParse(defaultTokensJson);
|
|
@@ -9812,7 +9851,8 @@ var TokenDropdown = ({
|
|
|
9812
9851
|
}
|
|
9813
9852
|
);
|
|
9814
9853
|
},
|
|
9815
|
-
preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol))
|
|
9854
|
+
preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol)),
|
|
9855
|
+
...baseDropdownProps
|
|
9816
9856
|
}
|
|
9817
9857
|
);
|
|
9818
9858
|
};
|
|
@@ -9825,8 +9865,8 @@ var TokenAndChainDropdown = ({
|
|
|
9825
9865
|
assets,
|
|
9826
9866
|
onTokenSelected,
|
|
9827
9867
|
onChainSelected,
|
|
9828
|
-
tokenLabel = "
|
|
9829
|
-
chainLabel = "
|
|
9868
|
+
tokenLabel = "Select token",
|
|
9869
|
+
chainLabel = "Select chain",
|
|
9830
9870
|
chainLabelAddon,
|
|
9831
9871
|
alwaysOpenToTop,
|
|
9832
9872
|
maxTokenDropdownHeight = 338,
|
|
@@ -9875,7 +9915,7 @@ import React86 from "react";
|
|
|
9875
9915
|
|
|
9876
9916
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
9877
9917
|
var anchorStyle = "vyedix0";
|
|
9878
|
-
var iconWrapperStyle = "vyedix2
|
|
9918
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2fhk _1rsrm2f3k";
|
|
9879
9919
|
|
|
9880
9920
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
9881
9921
|
var InfoBanner = ({ message, type }) => {
|
|
@@ -10223,7 +10263,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React89.createElement(
|
|
|
10223
10263
|
);
|
|
10224
10264
|
|
|
10225
10265
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
10226
|
-
var baseStyles2 = "
|
|
10266
|
+
var baseStyles2 = "_1rsrm2f1mk";
|
|
10227
10267
|
var expandableStyles = "vkwve32";
|
|
10228
10268
|
var feeLineHideStyles = "vkwve34";
|
|
10229
10269
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -11239,7 +11279,10 @@ async function getFormattedRelayAssetPriceInfo({
|
|
|
11239
11279
|
try {
|
|
11240
11280
|
const relayResponse = await getRelayAssetPriceInfo({
|
|
11241
11281
|
chainId,
|
|
11242
|
-
address: convertFunToRelayTokenAddress(
|
|
11282
|
+
address: convertFunToRelayTokenAddress(
|
|
11283
|
+
assetTokenAddress,
|
|
11284
|
+
Number(chainId)
|
|
11285
|
+
)
|
|
11243
11286
|
});
|
|
11244
11287
|
return {
|
|
11245
11288
|
unitPrice: relayResponse.price,
|
|
@@ -12621,13 +12664,14 @@ var useWalletAssets = ({
|
|
|
12621
12664
|
};
|
|
12622
12665
|
|
|
12623
12666
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.tsx
|
|
12667
|
+
import { CheckoutState as CheckoutState4 } from "@funkit/api-base";
|
|
12624
12668
|
import { SOLANA_MAINNET_CHAIN_ID as SOLANA_MAINNET_CHAIN_ID2 } from "@funkit/chains";
|
|
12625
12669
|
import {
|
|
12626
12670
|
formatAddress as formatAddress4,
|
|
12627
12671
|
formatSecondsToReadableForm as formatSecondsToReadableForm4,
|
|
12628
12672
|
formatTimestamp
|
|
12629
12673
|
} from "@funkit/utils";
|
|
12630
|
-
import React214, { useState as useState60, useRef as useRef21 } from "react";
|
|
12674
|
+
import React214, { useState as useState60, useRef as useRef21, useEffect as useEffect49 } from "react";
|
|
12631
12675
|
|
|
12632
12676
|
// src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
|
|
12633
12677
|
import React95 from "react";
|
|
@@ -14045,7 +14089,7 @@ import clsx15 from "clsx";
|
|
|
14045
14089
|
import React99, { useRef as useRef13 } from "react";
|
|
14046
14090
|
|
|
14047
14091
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
14048
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "
|
|
14092
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2f13k _1rsrm2f11v", transparentBorder: "_1rsrm2f16q _1rsrm2f11v", activeBorder: "_1rsrm2f11q", disabledOptionBorder: "_1rsrm2f13e", defaultBackground: "_1rsrm2fpw _1rsrm2fm3", activeBackground: "_1rsrm2fpw _1rsrm2fpx _1rsrm2fpy" };
|
|
14049
14093
|
|
|
14050
14094
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
14051
14095
|
function FunOptionBox({
|
|
@@ -15477,14 +15521,15 @@ var HomeIcon = ({ size = 16 }) => {
|
|
|
15477
15521
|
import React115 from "react";
|
|
15478
15522
|
var SpinnerIconWithBackground = ({
|
|
15479
15523
|
size = "14",
|
|
15480
|
-
|
|
15524
|
+
indicatorColor = "spinnerIndicator",
|
|
15525
|
+
backgroundColor = "spinnerBackground"
|
|
15481
15526
|
}) => {
|
|
15482
15527
|
return /* @__PURE__ */ React115.createElement(
|
|
15483
15528
|
Box,
|
|
15484
15529
|
{
|
|
15485
15530
|
width: size,
|
|
15486
15531
|
height: size,
|
|
15487
|
-
borderColor:
|
|
15532
|
+
borderColor: backgroundColor,
|
|
15488
15533
|
borderWidth: "1",
|
|
15489
15534
|
borderStyle: "solid",
|
|
15490
15535
|
className: SpinnerIconWithBackgroundOuterClassName
|
|
@@ -15494,7 +15539,7 @@ var SpinnerIconWithBackground = ({
|
|
|
15494
15539
|
{
|
|
15495
15540
|
width: size,
|
|
15496
15541
|
height: size,
|
|
15497
|
-
borderColor:
|
|
15542
|
+
borderColor: indicatorColor,
|
|
15498
15543
|
borderWidth: "1",
|
|
15499
15544
|
borderStyle: "solid",
|
|
15500
15545
|
className: SpinnerIconWithBackgroundInnerClassName,
|
|
@@ -16081,7 +16126,13 @@ var VerifyAccountScreen = ({
|
|
|
16081
16126
|
justifyContent: "center",
|
|
16082
16127
|
gap: "14"
|
|
16083
16128
|
},
|
|
16084
|
-
/* @__PURE__ */ React121.createElement(
|
|
16129
|
+
/* @__PURE__ */ React121.createElement(
|
|
16130
|
+
SpinnerIconWithBackground,
|
|
16131
|
+
{
|
|
16132
|
+
indicatorColor: "spinnerIndicatorVerifyAccount",
|
|
16133
|
+
backgroundColor: "spinnerBackgroundVerifyAccount"
|
|
16134
|
+
}
|
|
16135
|
+
),
|
|
16085
16136
|
/* @__PURE__ */ React121.createElement(Text, { color: "secondaryText", size: "12" }, statusContent.description)
|
|
16086
16137
|
) : /* @__PURE__ */ React121.createElement(
|
|
16087
16138
|
Box,
|
|
@@ -16611,7 +16662,7 @@ function CheckoutComplete({
|
|
|
16611
16662
|
{
|
|
16612
16663
|
depositAddress,
|
|
16613
16664
|
currentPage: "detail" /* DETAIL */,
|
|
16614
|
-
|
|
16665
|
+
isActiveCheckout: true,
|
|
16615
16666
|
onHelp: () => onNext({}),
|
|
16616
16667
|
onClose,
|
|
16617
16668
|
onAnimationComplete,
|
|
@@ -16640,12 +16691,13 @@ function CheckoutHelp({
|
|
|
16640
16691
|
return /* @__PURE__ */ React133.createElement(
|
|
16641
16692
|
FunCheckoutHistoryContent,
|
|
16642
16693
|
{
|
|
16643
|
-
|
|
16694
|
+
bottomBarId: MODAL_BOTTOM_BAR_IDS.checkout,
|
|
16644
16695
|
currentPage: "help" /* HELP */,
|
|
16645
|
-
|
|
16646
|
-
|
|
16696
|
+
depositAddress,
|
|
16697
|
+
isActiveCheckout: true,
|
|
16647
16698
|
onBackFromHelpPage: onBack,
|
|
16648
|
-
|
|
16699
|
+
onClose,
|
|
16700
|
+
onHelp: noop6
|
|
16649
16701
|
}
|
|
16650
16702
|
);
|
|
16651
16703
|
}
|
|
@@ -16774,7 +16826,7 @@ import clsx16 from "clsx";
|
|
|
16774
16826
|
import React137, { useMemo as useMemo15 } from "react";
|
|
16775
16827
|
|
|
16776
16828
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
16777
|
-
var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4
|
|
16829
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4 _1rsrm2f4g";
|
|
16778
16830
|
var containerStyle = "uwrdc20";
|
|
16779
16831
|
|
|
16780
16832
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -17054,14 +17106,22 @@ function useCheckoutItemDisplay({
|
|
|
17054
17106
|
});
|
|
17055
17107
|
}
|
|
17056
17108
|
|
|
17109
|
+
// src/utils/customer.ts
|
|
17110
|
+
function isKatanaEarnFlow({
|
|
17111
|
+
apiKey,
|
|
17112
|
+
checkoutConfig
|
|
17113
|
+
}) {
|
|
17114
|
+
return isKatanaCustomer(apiKey) && !!checkoutConfig && isCheckoutPostActionRequired(checkoutConfig);
|
|
17115
|
+
}
|
|
17116
|
+
|
|
17057
17117
|
// src/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.tsx
|
|
17058
17118
|
import React142 from "react";
|
|
17059
17119
|
|
|
17060
17120
|
// src/components/AnimatedDollarValue/AnimatedDollarValue.tsx
|
|
17061
17121
|
import NumberFlow2 from "@number-flow/react";
|
|
17062
17122
|
import React140 from "react";
|
|
17063
|
-
import { forwardRef as
|
|
17064
|
-
var AnimatedDollarValue =
|
|
17123
|
+
import { forwardRef as forwardRef4 } from "react";
|
|
17124
|
+
var AnimatedDollarValue = forwardRef4((props, ref) => {
|
|
17065
17125
|
const { value, dynamicMinFractionDigits, ...restProps } = props;
|
|
17066
17126
|
const minimumFractionDigits = typeof value === "number" && !Number.isInteger(value) || !dynamicMinFractionDigits ? 2 : 0;
|
|
17067
17127
|
return /* @__PURE__ */ React140.createElement(
|
|
@@ -17218,16 +17278,6 @@ var DirectExecutionBrokerageAndCardAlert = () => {
|
|
|
17218
17278
|
|
|
17219
17279
|
// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
|
|
17220
17280
|
import React144, { useMemo as useMemo17 } from "react";
|
|
17221
|
-
|
|
17222
|
-
// src/utils/customer.ts
|
|
17223
|
-
function isKatanaEarnFlow({
|
|
17224
|
-
apiKey,
|
|
17225
|
-
checkoutConfig
|
|
17226
|
-
}) {
|
|
17227
|
-
return isKatanaCustomer(apiKey) && !!checkoutConfig && isCheckoutPostActionRequired(checkoutConfig);
|
|
17228
|
-
}
|
|
17229
|
-
|
|
17230
|
-
// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
|
|
17231
17281
|
var DisclaimerText = ({
|
|
17232
17282
|
continueText,
|
|
17233
17283
|
isCardPayment,
|
|
@@ -17856,8 +17906,8 @@ import { noop as noop7 } from "@funkit/utils";
|
|
|
17856
17906
|
import React147, { useCallback as useCallback24, useEffect as useEffect32, useState as useState37 } from "react";
|
|
17857
17907
|
|
|
17858
17908
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
17859
|
-
var backgroundRing = "_1t0bc111
|
|
17860
|
-
var counterRing = "_1t0bc113
|
|
17909
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1j8";
|
|
17910
|
+
var counterRing = "_1t0bc113 _1rsrm2f1he";
|
|
17861
17911
|
|
|
17862
17912
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
17863
17913
|
var FunCountdown = ({
|
|
@@ -18319,10 +18369,14 @@ function ConfirmationStep({
|
|
|
18319
18369
|
return false;
|
|
18320
18370
|
}
|
|
18321
18371
|
const { swapImpact, appFeePercent } = extractRelayFeeInfo(relayQuoteMetadata);
|
|
18322
|
-
return isKatanaCustomer(funkitConfig.apiKey) && // Don't
|
|
18372
|
+
return isKatanaCustomer(funkitConfig.apiKey) && // Don't show for earn flow
|
|
18373
|
+
!isKatanaEarnFlow({
|
|
18374
|
+
apiKey: funkitConfig.apiKey,
|
|
18375
|
+
checkoutConfig: checkoutItem?.initSettings.config
|
|
18376
|
+
}) && // Don't take totalImpact, just sum swapImpact and appFeePercent
|
|
18323
18377
|
// https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
|
|
18324
18378
|
swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
|
|
18325
|
-
}, [funkitConfig.apiKey, latestQuote]);
|
|
18379
|
+
}, [funkitConfig.apiKey, latestQuote, checkoutItem]);
|
|
18326
18380
|
const showDirectExecutionNotificationBanner = useMemo19(() => {
|
|
18327
18381
|
const isRelayEnabled = checkoutItem !== null && getIsRelayEnabled({
|
|
18328
18382
|
fromChainId: checkoutItem.selectedSourceAssetInfo.chainId,
|
|
@@ -21423,7 +21477,22 @@ import React169, { useMemo as useMemo23, useState as useState42 } from "react";
|
|
|
21423
21477
|
var hideScrollBar = "_163ehmk0";
|
|
21424
21478
|
var selectWrapperStyle = "_163ehmk1";
|
|
21425
21479
|
|
|
21480
|
+
// src/modals/CheckoutModal/MeldCurrencySelect/currenciesWithMultipleCountries.ts
|
|
21481
|
+
var currenciesWithMultipleCountries = {
|
|
21482
|
+
ANG: ["CW", "SX", "BQ"],
|
|
21483
|
+
// Netherlands Antillean guilder – used in several territories
|
|
21484
|
+
XOF: ["BF", "BJ", "CI", "GW", "ML", "NE", "SN", "TG"],
|
|
21485
|
+
// West African CFA franc
|
|
21486
|
+
XAF: ["CF", "CG", "CM", "GA", "GQ", "TD"],
|
|
21487
|
+
// Central African CFA franc
|
|
21488
|
+
XPF: ["NC", "PF", "WF"],
|
|
21489
|
+
// CFP franc (French Pacific territories)
|
|
21490
|
+
XCD: ["AG", "AI", "DM", "GD", "KN", "LC", "MS", "VC"]
|
|
21491
|
+
// East Caribbean dollar
|
|
21492
|
+
};
|
|
21493
|
+
|
|
21426
21494
|
// src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
|
|
21495
|
+
var REGIONAL_INDICATOR_SYMBOL_OFFSET = 127397;
|
|
21427
21496
|
var MeldCurrencySelectInfo = {
|
|
21428
21497
|
Component: MeldCurrencySelect,
|
|
21429
21498
|
onNext: (state, payload) => {
|
|
@@ -21477,6 +21546,11 @@ function MeldCurrencySelect({
|
|
|
21477
21546
|
navigateToHistoryStep: true
|
|
21478
21547
|
});
|
|
21479
21548
|
};
|
|
21549
|
+
const getFlagEmoji = (currencyCode) => {
|
|
21550
|
+
const countryCode = currenciesWithMultipleCountries[currencyCode]?.[0] ?? currencyCode.slice(0, 2);
|
|
21551
|
+
const codePoints = countryCode.toUpperCase().split("").map((char) => REGIONAL_INDICATOR_SYMBOL_OFFSET + char.charCodeAt(0));
|
|
21552
|
+
return String.fromCodePoint(...codePoints);
|
|
21553
|
+
};
|
|
21480
21554
|
return /* @__PURE__ */ React169.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React169.createElement(
|
|
21481
21555
|
FunInput,
|
|
21482
21556
|
{
|
|
@@ -21508,7 +21582,7 @@ function MeldCurrencySelect({
|
|
|
21508
21582
|
paddingX: "12",
|
|
21509
21583
|
paddingY: "10"
|
|
21510
21584
|
},
|
|
21511
|
-
`${optionItem.name} (${getCurrencySymbol(optionItem.currencyCode)})
|
|
21585
|
+
/* @__PURE__ */ React169.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React169.createElement(Text, null, getFlagEmoji(optionItem.currencyCode)), /* @__PURE__ */ React169.createElement(Text, null, `${optionItem.name} (${getCurrencySymbol(optionItem.currencyCode)})`)),
|
|
21512
21586
|
isActive && /* @__PURE__ */ React169.createElement(CheckIcon, null)
|
|
21513
21587
|
);
|
|
21514
21588
|
})
|
|
@@ -22857,15 +22931,15 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
22857
22931
|
};
|
|
22858
22932
|
|
|
22859
22933
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
22860
|
-
var copyButton = "_1kbzei93
|
|
22934
|
+
var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1m8 _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
|
|
22861
22935
|
var copyButtonIcon = "_1kbzei94";
|
|
22862
22936
|
var copyButtonIconActive = "_1kbzei96 _1kbzei94";
|
|
22863
22937
|
var copyButtonIconBase = "_1kbzei95";
|
|
22864
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1p
|
|
22938
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1p _1rsrm2f13k _1rsrm2f1f _1rsrm2fu _1rsrm2f1b";
|
|
22865
22939
|
var copyInputText = "_1kbzei9a";
|
|
22866
22940
|
var copyInputTextActive = "_1kbzei9d _1kbzei9c";
|
|
22867
|
-
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
22868
|
-
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4
|
|
22941
|
+
var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f4g _1rsrm2f2f";
|
|
22942
|
+
var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f4g _1rsrm2f2f";
|
|
22869
22943
|
var copyInputTextDefault = "_1kbzei9c";
|
|
22870
22944
|
var copyInputTextWrapper = "_1kbzei9b";
|
|
22871
22945
|
var textIn = "_1kbzei9f";
|
|
@@ -23213,7 +23287,7 @@ import { motion as motion8, useAnimationControls as useAnimationControls2 } from
|
|
|
23213
23287
|
import React186, { useState as useState50 } from "react";
|
|
23214
23288
|
|
|
23215
23289
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
23216
|
-
var detailsButton = "_1045qr71
|
|
23290
|
+
var detailsButton = "_1045qr71 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2fa _1rsrm2f4 _1rsrm2f4h _1rsrm2fu";
|
|
23217
23291
|
|
|
23218
23292
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
23219
23293
|
import React185 from "react";
|
|
@@ -23881,7 +23955,7 @@ import { motion as motion10 } from "motion/react";
|
|
|
23881
23955
|
import React190 from "react";
|
|
23882
23956
|
|
|
23883
23957
|
// src/components/Tabs/tabs.css.ts
|
|
23884
|
-
var activeTabStyle = "eghi2t1
|
|
23958
|
+
var activeTabStyle = "eghi2t1 _1rsrm2flq _1rsrm2ft";
|
|
23885
23959
|
|
|
23886
23960
|
// src/components/Tabs/Tabs.tsx
|
|
23887
23961
|
var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
@@ -25840,10 +25914,20 @@ var statusNamingMap = {
|
|
|
25840
25914
|
completed: "Successful"
|
|
25841
25915
|
};
|
|
25842
25916
|
function StatusTag({ state, refundState, isDelayed: isDelayed2 }) {
|
|
25843
|
-
const
|
|
25844
|
-
|
|
25845
|
-
|
|
25846
|
-
)
|
|
25917
|
+
const checkoutState = getCheckoutStateBooleans(state, refundState);
|
|
25918
|
+
const [delayedCheckoutState, setDelayedCheckoutState] = useState60(checkoutState);
|
|
25919
|
+
const { status, isCompleted, isRefundProceeded } = delayedCheckoutState;
|
|
25920
|
+
useEffect49(() => {
|
|
25921
|
+
const timeout = setTimeout(
|
|
25922
|
+
() => {
|
|
25923
|
+
setDelayedCheckoutState(getCheckoutStateBooleans(state, refundState));
|
|
25924
|
+
},
|
|
25925
|
+
state === CheckoutState4.COMPLETED ? 2e3 : 1e3
|
|
25926
|
+
);
|
|
25927
|
+
return () => {
|
|
25928
|
+
clearTimeout(timeout);
|
|
25929
|
+
};
|
|
25930
|
+
}, [state, refundState]);
|
|
25847
25931
|
const color = isCompleted || isRefundProceeded ? "success" : "secondaryText";
|
|
25848
25932
|
return /* @__PURE__ */ React214.createElement(Text, { color, size: "12", weight: "medium" }, isRefundProceeded ? statusNamingMap.completed : refundState === "REFUNDED" ? "Refunded" : (
|
|
25849
25933
|
// With some hardcoded timings in `FunCheckoutStatus`, it is possible for isDelayed to stay true while isCompleted is already true
|
|
@@ -25967,7 +26051,7 @@ function FunCheckoutHistoryDetail({
|
|
|
25967
26051
|
onClose,
|
|
25968
26052
|
onAnimationComplete,
|
|
25969
26053
|
bottomBarId,
|
|
25970
|
-
|
|
26054
|
+
isActiveCheckout = false
|
|
25971
26055
|
}) {
|
|
25972
26056
|
const [isDelayed2, setIsDelayed] = useState61(false);
|
|
25973
26057
|
const isCheckoutLoaded = checkoutHistoryInfo !== void 0;
|
|
@@ -25987,7 +26071,7 @@ function FunCheckoutHistoryDetail({
|
|
|
25987
26071
|
const checkoutConfig = {
|
|
25988
26072
|
...historicalCheckout.initSettings.config,
|
|
25989
26073
|
// can't preserve this if initially part of checkout, get from current config (?)
|
|
25990
|
-
generateActionsParams:
|
|
26074
|
+
generateActionsParams: isActiveCheckout ? checkoutItem?.initSettings.config.generateActionsParams : void 0
|
|
25991
26075
|
};
|
|
25992
26076
|
onAnimationComplete?.(() => beginCheckout(checkoutConfig));
|
|
25993
26077
|
},
|
|
@@ -25996,7 +26080,7 @@ function FunCheckoutHistoryDetail({
|
|
|
25996
26080
|
onClose,
|
|
25997
26081
|
onAnimationComplete,
|
|
25998
26082
|
checkoutItem?.initSettings.config.generateActionsParams,
|
|
25999
|
-
|
|
26083
|
+
isActiveCheckout
|
|
26000
26084
|
]
|
|
26001
26085
|
);
|
|
26002
26086
|
const primaryButtonProps = useMemo33(() => {
|
|
@@ -26006,9 +26090,13 @@ function FunCheckoutHistoryDetail({
|
|
|
26006
26090
|
if (isFailed || checkoutHistoryInfo.refundState === "REFUNDED") {
|
|
26007
26091
|
return { title: "Get Help", onClick: onHelp };
|
|
26008
26092
|
}
|
|
26009
|
-
const
|
|
26093
|
+
const { clientMetadata } = checkoutHistoryInfo;
|
|
26094
|
+
const historicalCheckout = clientMetadata;
|
|
26010
26095
|
const isDefiMode = historicalCheckout.initSettings.config.isDefiMode;
|
|
26011
|
-
if (isDefiMode
|
|
26096
|
+
if (isDefiMode) {
|
|
26097
|
+
return void 0;
|
|
26098
|
+
}
|
|
26099
|
+
if (!isActiveCheckout && clientMetadata.evaluatedActionsParams) {
|
|
26012
26100
|
return void 0;
|
|
26013
26101
|
}
|
|
26014
26102
|
return {
|
|
@@ -26021,13 +26109,14 @@ function FunCheckoutHistoryDetail({
|
|
|
26021
26109
|
isCheckoutLoaded,
|
|
26022
26110
|
isFailed,
|
|
26023
26111
|
onHelp,
|
|
26024
|
-
|
|
26112
|
+
isActiveCheckout
|
|
26025
26113
|
]);
|
|
26026
26114
|
const bottomSectionRef = document.getElementById(bottomBarId);
|
|
26027
26115
|
return /* @__PURE__ */ React215.createElement(React215.Fragment, null, /* @__PURE__ */ React215.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React215.createElement(Box, { style: { visibility: "hidden" } }, /* @__PURE__ */ React215.createElement(
|
|
26028
26116
|
FunCheckoutStatus,
|
|
26029
26117
|
{
|
|
26030
26118
|
checkoutHistoryItem: checkoutHistoryInfo,
|
|
26119
|
+
isActiveCheckout,
|
|
26031
26120
|
onOrderDelayed: () => setIsDelayed(true)
|
|
26032
26121
|
}
|
|
26033
26122
|
)), /* @__PURE__ */ React215.createElement(
|
|
@@ -26083,7 +26172,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
|
|
|
26083
26172
|
|
|
26084
26173
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
|
|
26085
26174
|
import { sendSupportMessage } from "@funkit/api-base";
|
|
26086
|
-
import React218, { useEffect as
|
|
26175
|
+
import React218, { useEffect as useEffect50, useMemo as useMemo34, useRef as useRef22, useState as useState62 } from "react";
|
|
26087
26176
|
import { createPortal as createPortal15 } from "react-dom";
|
|
26088
26177
|
|
|
26089
26178
|
// src/components/FunInput/FunTextAreaInput.tsx
|
|
@@ -26243,7 +26332,7 @@ function FunCheckoutHistoryHelp({
|
|
|
26243
26332
|
0 /* INPUT */
|
|
26244
26333
|
);
|
|
26245
26334
|
const wrapperRef = useRef22(null);
|
|
26246
|
-
|
|
26335
|
+
useEffect50(() => wrapperRef.current?.scrollIntoView(), []);
|
|
26247
26336
|
const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
|
|
26248
26337
|
setErrorMessage(message);
|
|
26249
26338
|
if (timeMs !== void 0) {
|
|
@@ -26441,7 +26530,7 @@ function FunDirectExecutionStatusTagLoaded({
|
|
|
26441
26530
|
function FunDirectExecutionHistoryDetail({
|
|
26442
26531
|
bottomBarId,
|
|
26443
26532
|
directExecution,
|
|
26444
|
-
|
|
26533
|
+
isActiveCheckout = false,
|
|
26445
26534
|
onClose,
|
|
26446
26535
|
onAnimationComplete
|
|
26447
26536
|
}) {
|
|
@@ -26456,7 +26545,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
26456
26545
|
const checkoutConfig = {
|
|
26457
26546
|
...historicalCheckout.initSettings.config,
|
|
26458
26547
|
// can't preserve this if initially part of checkout, get from current config (?)
|
|
26459
|
-
generateActionsParams:
|
|
26548
|
+
generateActionsParams: isActiveCheckout ? checkoutItem?.initSettings.config.generateActionsParams : void 0
|
|
26460
26549
|
};
|
|
26461
26550
|
onAnimationComplete?.(() => beginCheckout(checkoutConfig));
|
|
26462
26551
|
},
|
|
@@ -26465,7 +26554,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
26465
26554
|
onClose,
|
|
26466
26555
|
onAnimationComplete,
|
|
26467
26556
|
checkoutItem?.initSettings.config.generateActionsParams,
|
|
26468
|
-
|
|
26557
|
+
isActiveCheckout
|
|
26469
26558
|
]
|
|
26470
26559
|
);
|
|
26471
26560
|
const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
|
|
@@ -26474,7 +26563,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
26474
26563
|
return void 0;
|
|
26475
26564
|
}
|
|
26476
26565
|
const { evaluatedActionsParams } = directExecution.clientMetadata;
|
|
26477
|
-
if (!
|
|
26566
|
+
if (!isActiveCheckout && evaluatedActionsParams) {
|
|
26478
26567
|
return void 0;
|
|
26479
26568
|
}
|
|
26480
26569
|
return {
|
|
@@ -26485,10 +26574,16 @@ function FunDirectExecutionHistoryDetail({
|
|
|
26485
26574
|
isWithdrawal,
|
|
26486
26575
|
directExecution,
|
|
26487
26576
|
handleNewCheckout,
|
|
26488
|
-
|
|
26577
|
+
isActiveCheckout,
|
|
26489
26578
|
isLoaded
|
|
26490
26579
|
]);
|
|
26491
|
-
return /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React219.createElement(Box, { style: { visibility: "hidden" } }, /* @__PURE__ */ React219.createElement(
|
|
26580
|
+
return /* @__PURE__ */ React219.createElement(React219.Fragment, null, /* @__PURE__ */ React219.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React219.createElement(Box, { style: { visibility: "hidden" } }, /* @__PURE__ */ React219.createElement(
|
|
26581
|
+
FunDirectExecutionStatus,
|
|
26582
|
+
{
|
|
26583
|
+
directExecution,
|
|
26584
|
+
isActiveCheckout
|
|
26585
|
+
}
|
|
26586
|
+
)), /* @__PURE__ */ React219.createElement(
|
|
26492
26587
|
DirectExecutionSummaryHistory,
|
|
26493
26588
|
{
|
|
26494
26589
|
directExecution,
|
|
@@ -26639,14 +26734,14 @@ function DirectExecutionOrderDetailSection({
|
|
|
26639
26734
|
|
|
26640
26735
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryContent.tsx
|
|
26641
26736
|
function FunCheckoutHistoryContent({
|
|
26642
|
-
depositAddress,
|
|
26643
|
-
currentPage,
|
|
26644
26737
|
bottomBarId,
|
|
26645
|
-
|
|
26738
|
+
currentPage,
|
|
26739
|
+
depositAddress,
|
|
26740
|
+
isActiveCheckout = false,
|
|
26741
|
+
onAnimationComplete,
|
|
26646
26742
|
onBackFromHelpPage,
|
|
26647
26743
|
onClose,
|
|
26648
|
-
|
|
26649
|
-
includeGenerateActionsParams = false
|
|
26744
|
+
onHelp
|
|
26650
26745
|
}) {
|
|
26651
26746
|
const { checkoutHistoryInfo, directExecutionInfo } = useFunkitPostCheckoutInternal(depositAddress);
|
|
26652
26747
|
const { directExecution } = useDirectExecutionInfoPolling({
|
|
@@ -26659,7 +26754,7 @@ function FunCheckoutHistoryContent({
|
|
|
26659
26754
|
{
|
|
26660
26755
|
bottomBarId,
|
|
26661
26756
|
directExecution,
|
|
26662
|
-
|
|
26757
|
+
isActiveCheckout,
|
|
26663
26758
|
onClose,
|
|
26664
26759
|
onAnimationComplete
|
|
26665
26760
|
}
|
|
@@ -26668,7 +26763,7 @@ function FunCheckoutHistoryContent({
|
|
|
26668
26763
|
return /* @__PURE__ */ React220.createElement(Box, null, currentPage === "detail" /* DETAIL */ ? /* @__PURE__ */ React220.createElement(
|
|
26669
26764
|
FunCheckoutHistoryDetail,
|
|
26670
26765
|
{
|
|
26671
|
-
|
|
26766
|
+
isActiveCheckout,
|
|
26672
26767
|
checkoutHistoryInfo,
|
|
26673
26768
|
bottomBarId,
|
|
26674
26769
|
onHelp,
|
|
@@ -26701,7 +26796,7 @@ var WithdrawSuccess = ({
|
|
|
26701
26796
|
{
|
|
26702
26797
|
depositAddress,
|
|
26703
26798
|
currentPage: "detail" /* DETAIL */,
|
|
26704
|
-
|
|
26799
|
+
isActiveCheckout: true,
|
|
26705
26800
|
onHelp: noop8,
|
|
26706
26801
|
onClose: (opt) => {
|
|
26707
26802
|
if (!opt?.isNewDeposit) {
|
|
@@ -26733,6 +26828,7 @@ function WithdrawalModal({
|
|
|
26733
26828
|
const [withdrawnAmount, setWithdrawnAmount] = useState64("");
|
|
26734
26829
|
const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
|
|
26735
26830
|
depositAddress: confirmedHash ?? void 0,
|
|
26831
|
+
isActiveCheckout: true,
|
|
26736
26832
|
isCheckoutDetailView: step === "SUCCESS" /* SUCCESS */,
|
|
26737
26833
|
paddingTop: 0,
|
|
26738
26834
|
topbar: /* @__PURE__ */ React222.createElement(
|
|
@@ -26875,7 +26971,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
26875
26971
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
26876
26972
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
26877
26973
|
import clsx20 from "clsx";
|
|
26878
|
-
import React232, { useEffect as
|
|
26974
|
+
import React232, { useEffect as useEffect51, useMemo as useMemo36, useRef as useRef24, useState as useState67 } from "react";
|
|
26879
26975
|
import { Virtuoso } from "react-virtuoso";
|
|
26880
26976
|
import { useAccount as useAccount7 } from "wagmi";
|
|
26881
26977
|
|
|
@@ -26951,7 +27047,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
26951
27047
|
|
|
26952
27048
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
26953
27049
|
var baseStyles4 = "ukct4t4";
|
|
26954
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
27050
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f16q _1rsrm2f13p", defaultBackground: "_1rsrm2fpw _1rsrm2fmg", hoverBackground: "_1rsrm2fm3" };
|
|
26955
27051
|
|
|
26956
27052
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
26957
27053
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -27418,7 +27514,7 @@ function Home({
|
|
|
27418
27514
|
const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
|
|
27419
27515
|
const { returnViewPresets } = useActivityTraversal();
|
|
27420
27516
|
const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
|
|
27421
|
-
|
|
27517
|
+
useEffect51(() => {
|
|
27422
27518
|
const virtuosoDiv = virtuosoParentRef.current?.firstChild;
|
|
27423
27519
|
virtuosoDiv?.classList.add(animateVirtuosoInClass);
|
|
27424
27520
|
}, []);
|
|
@@ -27720,6 +27816,7 @@ function ProfileDetails({ onClose, defaultTab }) {
|
|
|
27720
27816
|
}, [animate]);
|
|
27721
27817
|
const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
|
|
27722
27818
|
depositAddress: selectedPurchaseId,
|
|
27819
|
+
isActiveCheckout: false,
|
|
27723
27820
|
isCheckoutDetailView,
|
|
27724
27821
|
paddingTop: PADDING_TOP,
|
|
27725
27822
|
topbar: dialogTitleMap[view] && /* @__PURE__ */ React234.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
|
|
@@ -27757,6 +27854,7 @@ function ProfileDetails({ onClose, defaultTab }) {
|
|
|
27757
27854
|
{
|
|
27758
27855
|
depositAddress: selectedPurchaseId || "0x",
|
|
27759
27856
|
currentPage: singleActivityPage,
|
|
27857
|
+
isActiveCheckout: false,
|
|
27760
27858
|
onHelp: handleHelp,
|
|
27761
27859
|
onClose,
|
|
27762
27860
|
onBackFromHelpPage: historyTitle[singleActivityPage].onBack,
|
|
@@ -28141,7 +28239,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
28141
28239
|
|
|
28142
28240
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
28143
28241
|
import clsx23 from "clsx";
|
|
28144
|
-
import React247, { useEffect as
|
|
28242
|
+
import React247, { useEffect as useEffect53, useMemo as useMemo37, useState as useState70 } from "react";
|
|
28145
28243
|
|
|
28146
28244
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
28147
28245
|
import React242 from "react";
|
|
@@ -28262,19 +28360,19 @@ import React244, { useState as useState69 } from "react";
|
|
|
28262
28360
|
import clsx22 from "clsx";
|
|
28263
28361
|
|
|
28264
28362
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
28265
|
-
var notificationBannerStyle = "
|
|
28266
|
-
var showMoreButtonStyle = "_4yitd93
|
|
28363
|
+
var notificationBannerStyle = "_1rsrm2fh2 _1rsrm2fp _1rsrm2flq _1rsrm2f1gw";
|
|
28364
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2f112 _1rsrm2f1e _1rsrm2f1b _1rsrm2flq _1rsrm2fm3 _1rsrm2fi9";
|
|
28267
28365
|
|
|
28268
28366
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
28269
28367
|
import clsx21 from "clsx";
|
|
28270
28368
|
import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
|
|
28271
|
-
import React243, { useCallback as useCallback47, useEffect as
|
|
28369
|
+
import React243, { useCallback as useCallback47, useEffect as useEffect52, useRef as useRef25 } from "react";
|
|
28272
28370
|
|
|
28273
28371
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
|
|
28274
28372
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
28275
28373
|
var shadowStyle = "_1i8t3xj0";
|
|
28276
28374
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
28277
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
28375
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2flq _1rsrm2f18";
|
|
28278
28376
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
28279
28377
|
|
|
28280
28378
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -28718,7 +28816,7 @@ var FunNotificationBannerIcon = ({
|
|
|
28718
28816
|
]);
|
|
28719
28817
|
}, [animate]);
|
|
28720
28818
|
const statusRef = useRef25(status);
|
|
28721
|
-
|
|
28819
|
+
useEffect52(() => {
|
|
28722
28820
|
if (statusRef.current !== status) {
|
|
28723
28821
|
if (statusRef.current === "processing" && status === "completed") {
|
|
28724
28822
|
triggerAnimationProcessingToCompleted();
|
|
@@ -29198,13 +29296,13 @@ var CheckoutNotifications = ({
|
|
|
29198
29296
|
const { data: directExecutions } = useRecentDirectExecutions({
|
|
29199
29297
|
isVisible
|
|
29200
29298
|
});
|
|
29201
|
-
|
|
29299
|
+
useEffect53(() => {
|
|
29202
29300
|
if (initialCheckouts || !checkouts) {
|
|
29203
29301
|
return;
|
|
29204
29302
|
}
|
|
29205
29303
|
setInitialCheckouts(checkouts);
|
|
29206
29304
|
}, [initialCheckouts, checkouts]);
|
|
29207
|
-
|
|
29305
|
+
useEffect53(() => {
|
|
29208
29306
|
if (initialDirectExecutions || !directExecutions) {
|
|
29209
29307
|
return;
|
|
29210
29308
|
}
|
|
@@ -29366,6 +29464,7 @@ function FunCheckoutModalInner({
|
|
|
29366
29464
|
const helpButtonUrl = useFlag(FlagKey27.HelpTutorialUrl);
|
|
29367
29465
|
const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
|
|
29368
29466
|
depositAddress: checkoutItem.depositAddress ?? void 0,
|
|
29467
|
+
isActiveCheckout: true,
|
|
29369
29468
|
isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
|
|
29370
29469
|
paddingTop: 0,
|
|
29371
29470
|
topbar: /* @__PURE__ */ React248.createElement(
|
|
@@ -29560,7 +29659,7 @@ function ModalProvider({ children }) {
|
|
|
29560
29659
|
onConnect: () => closeModals(isUnauthenticated),
|
|
29561
29660
|
onDisconnect: closeModals
|
|
29562
29661
|
});
|
|
29563
|
-
|
|
29662
|
+
useEffect54(() => {
|
|
29564
29663
|
if (isUnauthenticated) {
|
|
29565
29664
|
closeModals();
|
|
29566
29665
|
}
|
|
@@ -29665,7 +29764,7 @@ function useConnectModal(onClose) {
|
|
|
29665
29764
|
const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
|
|
29666
29765
|
const { isWalletConnectModalOpen } = useWalletConnectOpenState();
|
|
29667
29766
|
const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
|
|
29668
|
-
|
|
29767
|
+
useEffect54(() => {
|
|
29669
29768
|
if (!effectiveConnectModalOpen && onClose) {
|
|
29670
29769
|
onClose();
|
|
29671
29770
|
}
|
|
@@ -29999,7 +30098,7 @@ var FunkitWeb2Provider = ({
|
|
|
29999
30098
|
},
|
|
30000
30099
|
[]
|
|
30001
30100
|
);
|
|
30002
|
-
|
|
30101
|
+
useEffect55(() => {
|
|
30003
30102
|
const newPrivy = new PrivyJS({
|
|
30004
30103
|
appId: DEFAULT_PRIVY_APP_ID,
|
|
30005
30104
|
storage: new LocalStorage(),
|
|
@@ -30214,7 +30313,7 @@ var FunkitWeb2Provider = ({
|
|
|
30214
30313
|
}
|
|
30215
30314
|
}
|
|
30216
30315
|
}, [handleFunkitWeb2Login, initChainId, loginMethod]);
|
|
30217
|
-
|
|
30316
|
+
useEffect55(() => {
|
|
30218
30317
|
if (privy && privyIframeUrl && isNotNullish12(initChainId)) {
|
|
30219
30318
|
const iframe = document.getElementById(
|
|
30220
30319
|
PRIVY_IFRAME_ID
|
|
@@ -30462,10 +30561,10 @@ import React253 from "react";
|
|
|
30462
30561
|
import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
|
|
30463
30562
|
|
|
30464
30563
|
// src/hooks/useIsMounted.ts
|
|
30465
|
-
import { useCallback as useCallback50, useEffect as
|
|
30564
|
+
import { useCallback as useCallback50, useEffect as useEffect56, useState as useState74 } from "react";
|
|
30466
30565
|
function useIsMounted() {
|
|
30467
30566
|
const [isMounted, setIsMounted] = useState74(false);
|
|
30468
|
-
|
|
30567
|
+
useEffect56(() => {
|
|
30469
30568
|
setIsMounted(true);
|
|
30470
30569
|
return () => {
|
|
30471
30570
|
setIsMounted(false);
|
|
@@ -30752,7 +30851,7 @@ function ConnectButton({
|
|
|
30752
30851
|
const connectionStatus = useConnectionStatus();
|
|
30753
30852
|
const { setShowBalance } = useShowBalance();
|
|
30754
30853
|
const [ready, setReady] = useState75(false);
|
|
30755
|
-
|
|
30854
|
+
useEffect57(() => {
|
|
30756
30855
|
setShowBalance(showBalance);
|
|
30757
30856
|
if (!ready) {
|
|
30758
30857
|
setReady(true);
|
|
@@ -31377,26 +31476,26 @@ function validateFunkitProviderProps(props) {
|
|
|
31377
31476
|
}
|
|
31378
31477
|
|
|
31379
31478
|
// src/providers/useFingerprint.ts
|
|
31380
|
-
import { useCallback as useCallback51, useEffect as
|
|
31479
|
+
import { useCallback as useCallback51, useEffect as useEffect58 } from "react";
|
|
31381
31480
|
var storageKey5 = "funkit-connect-version";
|
|
31382
31481
|
function setFunkitConnectVersion({ version }) {
|
|
31383
31482
|
localStorage.setItem(storageKey5, version);
|
|
31384
31483
|
}
|
|
31385
31484
|
function getCurrentSdkVersion() {
|
|
31386
|
-
return "6.
|
|
31485
|
+
return "6.5.0";
|
|
31387
31486
|
}
|
|
31388
31487
|
function useFingerprint() {
|
|
31389
31488
|
const fingerprint = useCallback51(() => {
|
|
31390
31489
|
setFunkitConnectVersion({ version: getCurrentSdkVersion() });
|
|
31391
31490
|
}, []);
|
|
31392
|
-
|
|
31491
|
+
useEffect58(() => {
|
|
31393
31492
|
fingerprint();
|
|
31394
31493
|
}, [fingerprint]);
|
|
31395
31494
|
}
|
|
31396
31495
|
|
|
31397
31496
|
// src/providers/usePreloadImages.ts
|
|
31398
31497
|
import { isNotNullish as isNotNullish13 } from "@funkit/utils";
|
|
31399
|
-
import { useCallback as useCallback52, useEffect as
|
|
31498
|
+
import { useCallback as useCallback52, useEffect as useEffect59 } from "react";
|
|
31400
31499
|
function usePreloadImages() {
|
|
31401
31500
|
const funkitConnectChains = useFunkitConnectChains();
|
|
31402
31501
|
const walletConnectors = useWalletConnectors();
|
|
@@ -31406,7 +31505,7 @@ function usePreloadImages() {
|
|
|
31406
31505
|
...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
|
|
31407
31506
|
);
|
|
31408
31507
|
}, [walletConnectors, funkitConnectChains]);
|
|
31409
|
-
|
|
31508
|
+
useEffect59(() => {
|
|
31410
31509
|
preloadImages();
|
|
31411
31510
|
}, [preloadImages]);
|
|
31412
31511
|
}
|