@funkit/connect 5.5.16 → 5.5.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/{chunk-R2UFCJL7.js → chunk-5XBODEZO.js} +18 -0
  3. package/dist/{chunk-UQVBCTN3.js → chunk-H5N35KZJ.js} +1 -1
  4. package/dist/{chunk-DMCSGHKQ.js → chunk-VBAZNW44.js} +1 -1
  5. package/dist/components/Box/Box.d.ts +23 -23
  6. package/dist/components/Dialog/Dialog.d.ts +1 -1
  7. package/dist/components/Dialog/DialogContent.css.d.ts +0 -1
  8. package/dist/components/FunBottomBar/FunBottomBar.d.ts +1 -1
  9. package/dist/components/FunButton/FunButton.d.ts +2 -1
  10. package/dist/css/sprinkles.css.d.ts +69 -23
  11. package/dist/domains/relay.d.ts +0 -5
  12. package/dist/index.css +2783 -2624
  13. package/dist/index.js +88 -103
  14. package/dist/providers/FunkitThemeProvider.d.ts +69 -0
  15. package/dist/themes/baseTheme.d.ts +3 -1
  16. package/dist/themes/baseTheme.js +1 -1
  17. package/dist/themes/darkTheme.js +2 -2
  18. package/dist/themes/lightTheme.js +2 -2
  19. package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
  20. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  21. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  24. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  25. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  26. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/index.js +39 -39
  29. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  35. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  36. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  37. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  38. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @funkit/connect
2
2
 
3
+ ## 5.5.17
4
+
5
+ ### Patch Changes
6
+
7
+ - a83b180: feat(connect): expose custom theme vars for polymarket
8
+ - 71ecfe0: revert(connect): reverting payment summary logic and relay fees
9
+
3
10
  ## 5.5.16
4
11
 
5
12
  ### Patch Changes
package/dist/{chunk-R2UFCJL7.js → chunk-5XBODEZO.js} RENAMED
@@ -137,20 +137,31 @@ var baseTheme = ({
137
137
  customFontWeights = DEFAULT_FONT_WEIGHTS,
138
138
  customFontSizings = FONT_SIZINGS[fontSizing],
139
139
  customBorderRadiuses = radiusScales[borderRadius],
140
+ customDimensions,
141
+ customSpacings,
140
142
  overlayBlur = "small"
141
143
  }) => ({
142
144
  blurs: {
143
145
  modalOverlay: blurs[overlayBlur].modalOverlay
144
146
  },
147
+ dimensions: {
148
+ modalBottomBarButtonHeight: "unset",
149
+ modalTopBarHeight: "unset",
150
+ ...customDimensions
151
+ },
145
152
  fonts: {
146
153
  body: customFontFamily || fontStacks[fontStack]
147
154
  },
148
155
  fontWeight: {
149
156
  ...DEFAULT_FONT_WEIGHTS,
157
+ modalTopbarTitle: DEFAULT_FONT_WEIGHTS.medium,
150
158
  ...customFontWeights
151
159
  },
152
160
  fontSize: {
153
161
  ...FONT_SIZINGS[fontSizing],
162
+ modalTopbarSubtitle: FONT_SIZINGS[fontSizing][10],
163
+ modalTopbarTitle: FONT_SIZINGS[fontSizing][13],
164
+ modalBottomBarButtonText: FONT_SIZINGS[fontSizing][12],
154
165
  ...customFontSizings
155
166
  },
156
167
  radii: {
@@ -171,6 +182,13 @@ var baseTheme = ({
171
182
  dropdown: radiusScales[borderRadius].dropdown,
172
183
  dropdownItem: radiusScales[borderRadius].dropdownItem,
173
184
  ...customBorderRadiuses
185
+ },
186
+ spacing: {
187
+ modalBaseHorizontalPadding: "6px",
188
+ modalBottomHorizontalPadding: "12px",
189
+ modalPaddingBottom: "16px",
190
+ modalTopBarVerticalTextSpacing: "0px",
191
+ ...customSpacings
174
192
  }
175
193
  });
176
194
 
package/dist/{chunk-UQVBCTN3.js → chunk-H5N35KZJ.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-R2UFCJL7.js";
4
+ } from "./chunk-5XBODEZO.js";
5
5
 
6
6
  // src/themes/lightTheme.ts
7
7
  var accentColors = {
package/dist/{chunk-DMCSGHKQ.js → chunk-VBAZNW44.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  baseTheme
4
- } from "./chunk-R2UFCJL7.js";
4
+ } from "./chunk-5XBODEZO.js";
5
5
 
6
6
  // src/themes/darkTheme.ts
7
7
  var accentColors = {
package/dist/components/Box/Box.d.ts CHANGED
@@ -53,37 +53,37 @@ export declare const Box: React.ForwardRefExoticComponent<{
53
53
  readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
54
54
  readonly flexDirection?: "column" | "row" | undefined;
55
55
  readonly fontFamily?: "body" | undefined;
56
- readonly fontSize?: "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | undefined;
57
- readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
58
- readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
- readonly height?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
56
+ readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
57
+ readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
58
+ readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
59
+ readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
60
60
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
61
61
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
62
- readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
63
- readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
64
- readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
65
- readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
66
- readonly minHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
67
- readonly maxHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
68
- readonly maxWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
69
- readonly minWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
62
+ readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
63
+ readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
64
+ readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
65
+ readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
66
+ readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
67
+ readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
68
+ readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
69
+ readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
70
70
  readonly overflow?: "hidden" | undefined;
71
- readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
72
- readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
73
- readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
74
- readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
71
+ readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
72
+ readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
73
+ readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
74
+ readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
75
75
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
76
76
  readonly right?: "0" | undefined;
77
77
  readonly transition?: "transform" | "default" | undefined;
78
78
  readonly userSelect?: "none" | undefined;
79
- readonly width?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
79
+ readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
80
80
  readonly backdropFilter?: "modalOverlay" | undefined;
81
- margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
82
- marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
83
- marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
84
- padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
85
- paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
86
- paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
81
+ margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
82
+ marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
83
+ marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
84
+ padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
85
+ paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
86
+ paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
87
87
  } & {
88
88
  reset?: keyof JSX.IntrinsicElements;
89
89
  } & HTMLProperties<HTMLElement> & {
package/dist/components/Dialog/Dialog.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare namespace Dialog {
27
27
  var Title: ({ title, titleMeta, hasCloseButton: hasCloseButtonProp, isCloseDisabled, onClose, hasBackButton: hasBackButtonProp, helpButtonUrl, isBackDisabled, onBack, className, }: DialogTitleProps) => React.JSX.Element;
28
28
  var Content: ({ children, fullHeight, paddingLeft, paddingBottom, paddingTop, className, withTopDivider, withBottomDivider, id, withoutInternalPadding, ...boxProps }: DialogContentProps) => React.JSX.Element;
29
29
  var BottomSection: ({ paddingX, children, ...boxProps }: BoxProps) => React.JSX.Element;
30
- var BottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element;
30
+ var BottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: import("../FunBottomBar/FunBottomBar").FunBottomBarProps) => React.JSX.Element | null;
31
31
  }
32
32
  interface DialogContentProps extends BoxProps {
33
33
  children: ReactNode;
package/dist/components/Dialog/DialogContent.css.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export declare const SCROLL_BAR_WIDTH = 6;
2
- export declare const BASE_DIALOG_PADDING = "6";
3
2
  export declare const DIALOG_BOTTOM_PADDING = "15";
4
3
  export declare const dialog: string;
5
4
  export declare const dialogCompact: string;
package/dist/components/FunBottomBar/FunBottomBar.d.ts CHANGED
@@ -6,4 +6,4 @@ export interface FunBottomBarProps {
6
6
  bottomSection?: React.ReactNode;
7
7
  onClose?: () => void;
8
8
  }
9
- export declare const FunBottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: FunBottomBarProps) => React.JSX.Element;
9
+ export declare const FunBottomBar: ({ topSection, actionButtonProps, bottomSection, onClose, }: FunBottomBarProps) => React.JSX.Element | null;
package/dist/components/FunButton/FunButton.d.ts CHANGED
@@ -7,10 +7,11 @@ export interface FunButtonProps {
7
7
  customTitleComponent?: React.ReactNode;
8
8
  onClick?: MouseEventHandler;
9
9
  type?: FunButtonTypes;
10
+ height?: BoxProps['height'];
10
11
  isDisabled?: boolean;
11
12
  isLoading?: boolean;
12
13
  loaderSize?: number;
13
14
  borderRadius?: BoxProps['borderRadius'];
14
15
  textSize?: BoxProps['fontSize'];
15
16
  }
16
- export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, borderRadius, }: FunButtonProps): React.JSX.Element;
17
+ export declare function FunButton({ id, title, customTitleComponent, onClick, isDisabled, type, isLoading, loaderSize, textSize, borderRadius, height, }: FunButtonProps): React.JSX.Element;
package/dist/css/sprinkles.css.d.ts CHANGED
@@ -101,6 +101,10 @@ declare const themeContractValues: {
101
101
  fiatAccountGradientFrom: string;
102
102
  fiatAccountGradientTo: string;
103
103
  };
104
+ dimensions: {
105
+ modalBottomBarButtonHeight: string;
106
+ modalTopBarHeight: string;
107
+ };
104
108
  fonts: {
105
109
  body: string;
106
110
  };
@@ -110,6 +114,7 @@ declare const themeContractValues: {
110
114
  semibold: string;
111
115
  bold: string;
112
116
  heavy: string;
117
+ modalTopbarTitle: string;
113
118
  };
114
119
  fontSize: {
115
120
  '10': {
@@ -152,6 +157,18 @@ declare const themeContractValues: {
152
157
  fontSize: string;
153
158
  lineHeight: string;
154
159
  };
160
+ modalTopbarSubtitle: {
161
+ fontSize: string;
162
+ lineHeight: string;
163
+ };
164
+ modalTopbarTitle: {
165
+ fontSize: string;
166
+ lineHeight: string;
167
+ };
168
+ modalBottomBarButtonText: {
169
+ fontSize: string;
170
+ lineHeight: string;
171
+ };
155
172
  };
156
173
  radii: {
157
174
  actionButton: string;
@@ -181,6 +198,12 @@ declare const themeContractValues: {
181
198
  qrCode: string;
182
199
  buttonFocusedShadow: string;
183
200
  };
201
+ spacing: {
202
+ modalBaseHorizontalPadding: string;
203
+ modalBottomHorizontalPadding: string;
204
+ modalPaddingBottom: string;
205
+ modalTopBarVerticalTextSpacing: string;
206
+ };
184
207
  blurs: {
185
208
  modalOverlay: string;
186
209
  };
@@ -289,6 +312,10 @@ export declare const themeVars: {
289
312
  fiatAccountGradientFrom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
313
  fiatAccountGradientTo: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
314
  };
315
+ dimensions: {
316
+ modalBottomBarButtonHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
+ modalTopBarHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
+ };
292
319
  fonts: {
293
320
  body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
321
  };
@@ -298,6 +325,7 @@ export declare const themeVars: {
298
325
  semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
326
  bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
327
  heavy: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
+ modalTopbarTitle: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
329
  };
302
330
  fontSize: {
303
331
  '10': {
@@ -340,6 +368,18 @@ export declare const themeVars: {
340
368
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
369
  lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
370
  };
371
+ modalTopbarSubtitle: {
372
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
+ };
375
+ modalTopbarTitle: {
376
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
+ };
379
+ modalBottomBarButtonText: {
380
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
381
+ lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
382
+ };
343
383
  };
344
384
  radii: {
345
385
  actionButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -369,6 +409,12 @@ export declare const themeVars: {
369
409
  qrCode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
410
  buttonFocusedShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
371
411
  };
412
+ spacing: {
413
+ modalBaseHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
+ modalBottomHorizontalPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
+ modalPaddingBottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
+ modalTopBarVerticalTextSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
+ };
372
418
  blurs: {
373
419
  modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
420
  };
@@ -622,37 +668,37 @@ export declare const sprinkles: ((props: {
622
668
  readonly cursor?: "default" | "help" | "not-allowed" | "pointer" | undefined;
623
669
  readonly flexDirection?: "column" | "row" | undefined;
624
670
  readonly fontFamily?: "body" | undefined;
625
- readonly fontSize?: "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | undefined;
626
- readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
627
- readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
628
- readonly height?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
671
+ readonly fontSize?: "modalTopbarTitle" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "21" | "40" | "57" | "modalTopbarSubtitle" | "modalBottomBarButtonText" | undefined;
672
+ readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | "modalTopbarTitle" | undefined;
673
+ readonly gap?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
674
+ readonly height?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
629
675
  readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
630
676
  readonly textAlign?: "inherit" | "left" | "right" | "center" | undefined;
631
- readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
632
- readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
633
- readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
634
- readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
635
- readonly minHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
636
- readonly maxHeight?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
637
- readonly maxWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
638
- readonly minWidth?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
677
+ readonly marginBottom?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
678
+ readonly marginLeft?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
679
+ readonly marginRight?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
680
+ readonly marginTop?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
681
+ readonly minHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
682
+ readonly maxHeight?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
683
+ readonly maxWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
684
+ readonly minWidth?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
639
685
  readonly overflow?: "hidden" | undefined;
640
- readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
641
- readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
642
- readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
643
- readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
686
+ readonly paddingBottom?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
687
+ readonly paddingLeft?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
688
+ readonly paddingRight?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
689
+ readonly paddingTop?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
644
690
  readonly position?: "fixed" | "absolute" | "relative" | undefined;
645
691
  readonly right?: "0" | undefined;
646
692
  readonly transition?: "transform" | "default" | undefined;
647
693
  readonly userSelect?: "none" | undefined;
648
- readonly width?: "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
694
+ readonly width?: "1" | "modalBottomBarButtonHeight" | "modalTopBarHeight" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "40" | "57" | "2" | "4" | "8" | "11" | "24" | "30" | "full" | "15" | "28" | "32" | "34" | "36" | "44" | "48" | "50" | "54" | "60" | "72" | "93" | "96" | "100" | "108" | "120" | "180" | "200" | "240" | "half" | "max" | undefined;
649
695
  readonly backdropFilter?: "modalOverlay" | undefined;
650
- margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
651
- marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
652
- marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
653
- padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
654
- paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
655
- paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
696
+ margin?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
697
+ marginX?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
698
+ marginY?: "auto" | "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | "-18" | "-12" | undefined;
699
+ padding?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
700
+ paddingX?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
701
+ paddingY?: "0" | "1" | "10" | "12" | "13" | "14" | "16" | "18" | "20" | "modalBaseHorizontalPadding" | "modalBottomHorizontalPadding" | "modalPaddingBottom" | "modalTopBarVerticalTextSpacing" | "2" | "3" | "4" | "6" | "8" | "11" | "24" | "30" | "15" | "28" | "32" | "36" | "44" | "-1" | "5" | "7" | "9" | "64" | undefined;
656
702
  }) => string) & {
657
703
  properties: Set<"alignItems" | "alignSelf" | "backdropFilter" | "backgroundSize" | "boxShadow" | "color" | "cursor" | "display" | "flexDirection" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "userSelect" | "width" | "background" | "borderColor" | "borderRadius" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "padding" | "transition" | "marginX" | "marginY" | "paddingX" | "paddingY">;
658
704
  };
package/dist/domains/relay.d.ts CHANGED
@@ -1,10 +1,5 @@
1
1
  import type { RelayQuote } from '@funkit/fun-relay';
2
2
  export declare const KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
3
- export declare function calcCustomFees(relayQuote: RelayQuote['metadata']['relayQuote']): {
4
- swapImpactUsd: number;
5
- appFeeUsd: number;
6
- totalImpactUsd: number;
7
- };
8
3
  export declare function extractRelayFeeInfo(relayQuote: RelayQuote['metadata']['relayQuote']): {
9
4
  gasUsd: number;
10
5
  fillCostUsd: number;