@mysten/dapp-kit 0.2.4 → 0.4.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.
Files changed (202) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +82 -0
  3. package/dist/cjs/components/AccountDropdownMenu.css +43 -22
  4. package/dist/cjs/components/AccountDropdownMenu.css.css +12 -6
  5. package/dist/cjs/components/AccountDropdownMenu.css.css.map +2 -2
  6. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  7. package/dist/cjs/components/AccountDropdownMenu.js +96 -37
  8. package/dist/cjs/components/AccountDropdownMenu.js.map +4 -4
  9. package/dist/cjs/components/ConnectButton.css +131 -66
  10. package/dist/cjs/components/ConnectButton.css.map +3 -3
  11. package/dist/cjs/components/ConnectButton.js +165 -106
  12. package/dist/cjs/components/ConnectButton.js.map +4 -4
  13. package/dist/cjs/components/WalletProvider.js +3 -4
  14. package/dist/cjs/components/WalletProvider.js.map +2 -2
  15. package/dist/cjs/components/connect-modal/ConnectModal.css +119 -60
  16. package/dist/cjs/components/connect-modal/ConnectModal.css.css +36 -18
  17. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +2 -2
  18. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  19. package/dist/cjs/components/connect-modal/ConnectModal.js +2 -2
  20. package/dist/cjs/components/connect-modal/ConnectModal.js.map +1 -1
  21. package/dist/cjs/components/connect-modal/InfoSection.css +30 -15
  22. package/dist/cjs/components/connect-modal/InfoSection.css.css +2 -1
  23. package/dist/cjs/components/connect-modal/InfoSection.css.css.map +2 -2
  24. package/dist/cjs/components/connect-modal/InfoSection.css.map +2 -2
  25. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +54 -27
  26. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css +10 -5
  27. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +2 -2
  28. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +2 -2
  29. package/dist/cjs/components/connect-modal/views/GettingStarted.css +52 -26
  30. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css +6 -3
  31. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +2 -2
  32. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +2 -2
  33. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css +34 -17
  34. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css +4 -2
  35. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +2 -2
  36. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +2 -2
  37. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css +26 -13
  38. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css +2 -1
  39. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +2 -2
  40. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +2 -2
  41. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css +24 -12
  42. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css +10 -5
  43. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +2 -2
  44. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +2 -2
  45. package/dist/cjs/components/styling/StyleMarker.css +1 -1
  46. package/dist/cjs/components/styling/StyleMarker.css.css +1 -1
  47. package/dist/cjs/components/styling/StyleMarker.css.css.map +1 -1
  48. package/dist/cjs/components/styling/StyleMarker.css.map +1 -1
  49. package/dist/cjs/components/styling/StyleMarker.js +2 -2
  50. package/dist/cjs/components/styling/StyleMarker.js.map +1 -1
  51. package/dist/cjs/components/ui/Button.css +16 -8
  52. package/dist/cjs/components/ui/Button.css.css +16 -8
  53. package/dist/cjs/components/ui/Button.css.css.map +2 -2
  54. package/dist/cjs/components/ui/Button.css.map +2 -2
  55. package/dist/cjs/components/ui/Heading.css +14 -7
  56. package/dist/cjs/components/ui/Heading.css.css +14 -7
  57. package/dist/cjs/components/ui/Heading.css.css.map +2 -2
  58. package/dist/cjs/components/ui/Heading.css.map +2 -2
  59. package/dist/cjs/components/ui/IconButton.css +4 -2
  60. package/dist/cjs/components/ui/IconButton.css.css +4 -2
  61. package/dist/cjs/components/ui/IconButton.css.css.map +2 -2
  62. package/dist/cjs/components/ui/IconButton.css.map +2 -2
  63. package/dist/cjs/components/ui/Text.css +14 -7
  64. package/dist/cjs/components/ui/Text.css.css +14 -7
  65. package/dist/cjs/components/ui/Text.css.css.map +2 -2
  66. package/dist/cjs/components/ui/Text.css.map +2 -2
  67. package/dist/cjs/hooks/useResolveSuiNSNames.d.ts +105 -0
  68. package/dist/cjs/hooks/useResolveSuiNSNames.js +82 -0
  69. package/dist/cjs/hooks/useResolveSuiNSNames.js.map +7 -0
  70. package/dist/cjs/hooks/useSuiClient.d.ts +2 -1
  71. package/dist/cjs/hooks/useSuiClient.js.map +2 -2
  72. package/dist/cjs/hooks/useSuiClientInfiniteQuery.js.map +2 -2
  73. package/dist/cjs/hooks/useSuiClientMutation.js.map +2 -2
  74. package/dist/cjs/hooks/useSuiClientQuery.js.map +2 -2
  75. package/dist/cjs/hooks/wallet/useDisconnectWallet.d.ts +4 -2
  76. package/dist/cjs/hooks/wallet/useDisconnectWallet.js.map +2 -2
  77. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +5 -3
  78. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js +62 -12
  79. package/dist/cjs/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +4 -4
  80. package/dist/cjs/hooks/wallet/useSignTransactionBlock.d.ts +1 -1
  81. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js +3 -2
  82. package/dist/cjs/hooks/wallet/useSignTransactionBlock.js.map +2 -2
  83. package/dist/cjs/hooks/wallet/useSwitchAccount.d.ts +2 -1
  84. package/dist/cjs/hooks/wallet/useSwitchAccount.js.map +2 -2
  85. package/dist/cjs/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  86. package/dist/cjs/index.css +131 -66
  87. package/dist/cjs/index.css.map +3 -3
  88. package/dist/cjs/index.d.ts +1 -0
  89. package/dist/cjs/index.js +90 -46
  90. package/dist/cjs/index.js.map +4 -4
  91. package/dist/cjs/types.d.ts +1 -0
  92. package/dist/cjs/types.js.map +1 -1
  93. package/dist/cjs/walletStore.js +1 -2
  94. package/dist/cjs/walletStore.js.map +2 -2
  95. package/dist/esm/components/AccountDropdownMenu.css +43 -22
  96. package/dist/esm/components/AccountDropdownMenu.css.css +12 -6
  97. package/dist/esm/components/AccountDropdownMenu.css.css.map +2 -2
  98. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  99. package/dist/esm/components/AccountDropdownMenu.js +85 -26
  100. package/dist/esm/components/AccountDropdownMenu.js.map +4 -4
  101. package/dist/esm/components/ConnectButton.css +131 -66
  102. package/dist/esm/components/ConnectButton.css.map +3 -3
  103. package/dist/esm/components/ConnectButton.js +137 -78
  104. package/dist/esm/components/ConnectButton.js.map +4 -4
  105. package/dist/esm/components/WalletProvider.js +3 -4
  106. package/dist/esm/components/WalletProvider.js.map +2 -2
  107. package/dist/esm/components/connect-modal/ConnectModal.css +119 -60
  108. package/dist/esm/components/connect-modal/ConnectModal.css.css +36 -18
  109. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +2 -2
  110. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  111. package/dist/esm/components/connect-modal/ConnectModal.js +2 -2
  112. package/dist/esm/components/connect-modal/ConnectModal.js.map +1 -1
  113. package/dist/esm/components/connect-modal/InfoSection.css +30 -15
  114. package/dist/esm/components/connect-modal/InfoSection.css.css +2 -1
  115. package/dist/esm/components/connect-modal/InfoSection.css.css.map +2 -2
  116. package/dist/esm/components/connect-modal/InfoSection.css.map +2 -2
  117. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +54 -27
  118. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css +10 -5
  119. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +2 -2
  120. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +2 -2
  121. package/dist/esm/components/connect-modal/views/GettingStarted.css +52 -26
  122. package/dist/esm/components/connect-modal/views/GettingStarted.css.css +6 -3
  123. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +2 -2
  124. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +2 -2
  125. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css +34 -17
  126. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css +4 -2
  127. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +2 -2
  128. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +2 -2
  129. package/dist/esm/components/connect-modal/wallet-list/WalletList.css +26 -13
  130. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css +2 -1
  131. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +2 -2
  132. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +2 -2
  133. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css +24 -12
  134. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css +10 -5
  135. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +2 -2
  136. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +2 -2
  137. package/dist/esm/components/styling/StyleMarker.css +1 -1
  138. package/dist/esm/components/styling/StyleMarker.css.css +1 -1
  139. package/dist/esm/components/styling/StyleMarker.css.css.map +1 -1
  140. package/dist/esm/components/styling/StyleMarker.css.js +2 -2
  141. package/dist/esm/components/styling/StyleMarker.css.js.map +1 -1
  142. package/dist/esm/components/styling/StyleMarker.css.map +1 -1
  143. package/dist/esm/components/styling/StyleMarker.js +2 -2
  144. package/dist/esm/components/styling/StyleMarker.js.map +1 -1
  145. package/dist/esm/components/ui/Button.css +16 -8
  146. package/dist/esm/components/ui/Button.css.css +16 -8
  147. package/dist/esm/components/ui/Button.css.css.map +2 -2
  148. package/dist/esm/components/ui/Button.css.map +2 -2
  149. package/dist/esm/components/ui/Heading.css +14 -7
  150. package/dist/esm/components/ui/Heading.css.css +14 -7
  151. package/dist/esm/components/ui/Heading.css.css.map +2 -2
  152. package/dist/esm/components/ui/Heading.css.map +2 -2
  153. package/dist/esm/components/ui/IconButton.css +4 -2
  154. package/dist/esm/components/ui/IconButton.css.css +4 -2
  155. package/dist/esm/components/ui/IconButton.css.css.map +2 -2
  156. package/dist/esm/components/ui/IconButton.css.map +2 -2
  157. package/dist/esm/components/ui/Text.css +14 -7
  158. package/dist/esm/components/ui/Text.css.css +14 -7
  159. package/dist/esm/components/ui/Text.css.css.map +2 -2
  160. package/dist/esm/components/ui/Text.css.map +2 -2
  161. package/dist/esm/hooks/useResolveSuiNSNames.d.ts +105 -0
  162. package/dist/esm/hooks/useResolveSuiNSNames.js +59 -0
  163. package/dist/esm/hooks/useResolveSuiNSNames.js.map +7 -0
  164. package/dist/esm/hooks/useSuiClient.d.ts +2 -1
  165. package/dist/esm/hooks/useSuiClient.js.map +2 -2
  166. package/dist/esm/hooks/useSuiClientInfiniteQuery.js.map +2 -2
  167. package/dist/esm/hooks/useSuiClientMutation.js.map +2 -2
  168. package/dist/esm/hooks/useSuiClientQuery.js.map +2 -2
  169. package/dist/esm/hooks/wallet/useDisconnectWallet.d.ts +4 -2
  170. package/dist/esm/hooks/wallet/useDisconnectWallet.js.map +2 -2
  171. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.d.ts +5 -3
  172. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js +62 -12
  173. package/dist/esm/hooks/wallet/useSignAndExecuteTransactionBlock.js.map +4 -4
  174. package/dist/esm/hooks/wallet/useSignTransactionBlock.d.ts +1 -1
  175. package/dist/esm/hooks/wallet/useSignTransactionBlock.js +3 -2
  176. package/dist/esm/hooks/wallet/useSignTransactionBlock.js.map +2 -2
  177. package/dist/esm/hooks/wallet/useSwitchAccount.d.ts +2 -1
  178. package/dist/esm/hooks/wallet/useSwitchAccount.js.map +2 -2
  179. package/dist/esm/hooks/wallet/useUnsafeBurnerWallet.js.map +2 -2
  180. package/dist/esm/index.css +131 -66
  181. package/dist/esm/index.css.map +3 -3
  182. package/dist/esm/index.d.ts +1 -0
  183. package/dist/esm/index.js +76 -32
  184. package/dist/esm/index.js.map +4 -4
  185. package/dist/esm/types.d.ts +1 -0
  186. package/dist/esm/walletStore.js +1 -2
  187. package/dist/esm/walletStore.js.map +2 -2
  188. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  189. package/dist/tsconfig.tsbuildinfo +1 -1
  190. package/package.json +5 -5
  191. package/src/components/AccountDropdownMenu.tsx +6 -2
  192. package/src/components/WalletProvider.tsx +2 -2
  193. package/src/components/styling/StyleMarker.css.ts +5 -10
  194. package/src/hooks/useResolveSuiNSNames.ts +21 -0
  195. package/src/hooks/useSuiClient.ts +2 -1
  196. package/src/hooks/wallet/useDisconnectWallet.ts +3 -1
  197. package/src/hooks/wallet/useSignAndExecuteTransactionBlock.ts +39 -9
  198. package/src/hooks/wallet/useSignTransactionBlock.ts +3 -2
  199. package/src/hooks/wallet/useSwitchAccount.ts +3 -6
  200. package/src/index.ts +2 -0
  201. package/src/types.ts +1 -0
  202. package/src/walletStore.ts +3 -4
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA */
1
+ /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
2
2
  [data-dapp-kit]:where(*),
3
3
  [data-dapp-kit] :where(*) {
4
4
  box-sizing: border-box;
@@ -45,43 +45,53 @@
45
45
  }
46
46
 
47
47
  /* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
48
- .Heading_headingVariants_size_sm__1aa835k1 {
48
+ [data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1,
49
+ [data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1 {
49
50
  font-size: var(--dapp-kit-fontSizes-small);
50
51
  }
51
- .Heading_headingVariants_size_md__1aa835k2 {
52
+ [data-dapp-kit].Heading_headingVariants_size_md__1aa835k2,
53
+ [data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2 {
52
54
  font-size: var(--dapp-kit-fontSizes-medium);
53
55
  }
54
- .Heading_headingVariants_size_lg__1aa835k3 {
56
+ [data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3,
57
+ [data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3 {
55
58
  font-size: var(--dapp-kit-fontSizes-large);
56
59
  }
57
- .Heading_headingVariants_size_xl__1aa835k4 {
60
+ [data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4,
61
+ [data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4 {
58
62
  font-size: var(--dapp-kit-fontSizes-xlarge);
59
63
  }
60
- .Heading_headingVariants_weight_normal__1aa835k5 {
64
+ [data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5,
65
+ [data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5 {
61
66
  font-weight: var(--dapp-kit-fontWeights-normal);
62
67
  }
63
- .Heading_headingVariants_weight_bold__1aa835k6 {
68
+ [data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6,
69
+ [data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6 {
64
70
  font-weight: var(--dapp-kit-fontWeights-bold);
65
71
  }
66
- .Heading_headingVariants_truncate_true__1aa835k7 {
72
+ [data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7,
73
+ [data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7 {
67
74
  overflow: hidden;
68
75
  text-overflow: ellipsis;
69
76
  white-space: nowrap;
70
77
  }
71
78
 
72
79
  /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19zNm43YnEwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX3M2bjdicTA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
73
- .IconButton_container__s6n7bq0 {
80
+ [data-dapp-kit].IconButton_container__s6n7bq0,
81
+ [data-dapp-kit] .IconButton_container__s6n7bq0 {
74
82
  border-radius: 9999px;
75
83
  padding: 8px;
76
84
  color: var(--dapp-kit-colors-iconButton);
77
85
  background-color: var(--dapp-kit-backgroundColors-iconButton);
78
86
  }
79
- .IconButton_container__s6n7bq0:hover {
87
+ [data-dapp-kit].IconButton_container__s6n7bq0:hover,
88
+ [data-dapp-kit] .IconButton_container__s6n7bq0:hover {
80
89
  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
81
90
  }
82
91
 
83
92
  /* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UTW/bMAy951foMiAFpsLpmjZ1Ltt6GrBhAwqsx0KxmJiLLBmS8tEO+e+TZDlpajUJkPWQ2pT5yPf4qMt7JSUU9ofiTDypJWjBnp+eZi+jl7uM/O0RMmHFfKbVQnJaKKF0TpZM9ynlrK7pHC3dfXDvzw2tPNbPBupiHCG4VjWdorCQQBCLVFqtDFpUMidTXAP3IZQGbE4y//xCUXJY5+Su/Rv3Nr3LPUIWrYBIZxDo1IxzlDMqYOqARvW6m1QoaUHamHZ1jgq/NFZMRxWU5qCpZhwXppPvw0jXgukZhM/TZYoGfKL4uxpNlLWqysngxpMjpGHavmmcla9eOZra6e3SBYSA/085aqdGgHUFF5X0J38WxuL0mUZ5cmJqVgCdgF0BhC+8faZCrXJSIudNrEJJS2iKDrNlGWJsvY2NhrvYCrktc3KbZamxrEpmv5kvj0wIsF8XjqSMI/p0zogewBHi7ZCiPVqB3vawRFi5gGUoQcfq16H6VkipJOwhXWX1TllX38kz6CIbEO4Z+O9EheF+hWZUbwE8u0aVt+k3jfG3TmET44ZqQ5dW1bsOG6dcJdUvhDKQxr89hp/0Xme8Ya7f0dj7vf0bpcgf8um+zoTMmKd43bTQmcrZi32Yx2ud7tJMju/VqVxPaOURbekt9hDtFltjKQ9vep8r4MiIKbTrhDDJSd/vc7unN+76vAiZxy/QLgvX9TgcRLhBln1oAsE0w/atceX21WomzVRpd8OFR8Es9Kk7/kj8b9jiTaelY5dHYoG7IO9vf2Ks3fRjG3pSD4fX5D/dgsfKdl19YLzhYMIMGr+Gce32rJu9iphSo5zH2El9HLR0cjCbf+XuA2j2CAAA */
84
- .ConnectModal_overlay__gz8z90 {
93
+ [data-dapp-kit].ConnectModal_overlay__gz8z90,
94
+ [data-dapp-kit] .ConnectModal_overlay__gz8z90 {
85
95
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
86
96
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
87
97
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
@@ -89,10 +99,12 @@
89
99
  inset: 0;
90
100
  z-index: 999999999;
91
101
  }
92
- .ConnectModal_title__gz8z91 {
102
+ [data-dapp-kit].ConnectModal_title__gz8z91,
103
+ [data-dapp-kit] .ConnectModal_title__gz8z91 {
93
104
  padding-left: 8px;
94
105
  }
95
- .ConnectModal_content__gz8z92 {
106
+ [data-dapp-kit].ConnectModal_content__gz8z92,
107
+ [data-dapp-kit] .ConnectModal_content__gz8z92 {
96
108
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
97
109
  border-radius: var(--dapp-kit-radii-xlarge);
98
110
  color: var(--dapp-kit-colors-body);
@@ -108,29 +120,35 @@
108
120
  max-height: 85vh;
109
121
  max-width: 700px;
110
122
  }
111
- .ConnectModal_whatIsAWalletButton__gz8z93 {
123
+ [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
124
+ [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
112
125
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
113
126
  padding: 16px;
114
127
  }
115
- .ConnectModal_viewContainer__gz8z94 {
128
+ [data-dapp-kit].ConnectModal_viewContainer__gz8z94,
129
+ [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
116
130
  display: none;
117
131
  padding: 20px;
118
132
  flex-grow: 1;
119
133
  }
120
- .ConnectModal_selectedViewContainer__gz8z95 {
134
+ [data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95,
135
+ [data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95 {
121
136
  display: flex;
122
137
  }
123
- .ConnectModal_backButtonContainer__gz8z96 {
138
+ [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
139
+ [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
124
140
  position: absolute;
125
141
  top: 20px;
126
142
  left: 20px;
127
143
  }
128
- .ConnectModal_closeButtonContainer__gz8z97 {
144
+ [data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97,
145
+ [data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97 {
129
146
  position: absolute;
130
147
  top: 16px;
131
148
  right: 16px;
132
149
  }
133
- .ConnectModal_walletListContent__gz8z98 {
150
+ [data-dapp-kit].ConnectModal_walletListContent__gz8z98,
151
+ [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
134
152
  display: flex;
135
153
  flex-direction: column;
136
154
  flex-grow: 1;
@@ -138,102 +156,126 @@
138
156
  padding: 20px;
139
157
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
140
158
  }
141
- .ConnectModal_walletListContainer__gz8z99 {
159
+ [data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
160
+ [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
142
161
  display: flex;
143
162
  justify-content: space-between;
144
163
  flex-direction: column;
145
164
  flex-grow: 1;
146
165
  }
147
- .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
166
+ [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
167
+ [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
148
168
  display: none;
149
169
  }
150
170
  @media screen and (min-width: 768px) {
151
- .ConnectModal_content__gz8z92 {
171
+ [data-dapp-kit].ConnectModal_content__gz8z92,
172
+ [data-dapp-kit] .ConnectModal_content__gz8z92 {
152
173
  flex-direction: row;
153
174
  width: 100%;
154
175
  top: 50%;
155
176
  left: 50%;
156
177
  transform: translate(-50%, -50%);
157
178
  }
158
- .ConnectModal_whatIsAWalletButton__gz8z93 {
179
+ [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
180
+ [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
159
181
  display: none;
160
182
  }
161
- .ConnectModal_viewContainer__gz8z94 {
183
+ [data-dapp-kit].ConnectModal_viewContainer__gz8z94,
184
+ [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
162
185
  display: flex;
163
186
  }
164
- .ConnectModal_backButtonContainer__gz8z96 {
187
+ [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
188
+ [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
165
189
  display: none;
166
190
  }
167
- .ConnectModal_walletListContent__gz8z98 {
191
+ [data-dapp-kit].ConnectModal_walletListContent__gz8z98,
192
+ [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
168
193
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
169
194
  }
170
- .ConnectModal_walletListContainer__gz8z99 {
195
+ [data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
196
+ [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
171
197
  flex-direction: row;
172
198
  flex-basis: 240px;
173
199
  flex-grow: 0;
174
200
  flex-shrink: 0;
175
201
  }
176
- .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
202
+ [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
203
+ [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
177
204
  display: flex;
178
205
  }
179
206
  }
180
207
 
181
208
  /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA */
182
- .Button_buttonVariants__x1s81q0 {
209
+ [data-dapp-kit].Button_buttonVariants__x1s81q0,
210
+ [data-dapp-kit] .Button_buttonVariants__x1s81q0 {
183
211
  display: inline-flex;
184
212
  align-items: center;
185
213
  justify-content: center;
186
214
  font-weight: var(--dapp-kit-fontWeights-medium);
187
215
  }
188
- .Button_buttonVariants__x1s81q0:disabled {
216
+ [data-dapp-kit].Button_buttonVariants__x1s81q0:disabled,
217
+ [data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled {
189
218
  opacity: 0.5;
190
219
  }
191
- .Button_buttonVariants_variant_primary__x1s81q1 {
220
+ [data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1,
221
+ [data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1 {
192
222
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
193
223
  color: var(--dapp-kit-colors-primaryButton);
194
224
  box-shadow: var(--dapp-kit-shadows-primaryButton);
195
225
  }
196
- .Button_buttonVariants_variant_primary__x1s81q1:hover {
226
+ [data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover,
227
+ [data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover {
197
228
  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
198
229
  }
199
- .Button_buttonVariants_variant_outline__x1s81q2 {
230
+ [data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2,
231
+ [data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2 {
200
232
  border-width: 1px;
201
233
  border-style: solid;
202
234
  border-color: var(--dapp-kit-borderColors-outlineButton);
203
235
  color: var(--dapp-kit-colors-outlineButton);
204
236
  }
205
- .Button_buttonVariants_variant_outline__x1s81q2:hover {
237
+ [data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover,
238
+ [data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover {
206
239
  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
207
240
  }
208
- .Button_buttonVariants_size_md__x1s81q3 {
241
+ [data-dapp-kit].Button_buttonVariants_size_md__x1s81q3,
242
+ [data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3 {
209
243
  border-radius: var(--dapp-kit-radii-medium);
210
244
  padding: 8px 16px;
211
245
  }
212
- .Button_buttonVariants_size_lg__x1s81q4 {
246
+ [data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4,
247
+ [data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4 {
213
248
  border-radius: var(--dapp-kit-radii-large);
214
249
  padding: 16px 24px;
215
250
  }
216
251
 
217
252
  /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fXzJidjF1cjEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMmJ2MXVyMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fXzJidjF1cjMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fMmJ2MXVyNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fMmJ2MXVyNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfXzJidjF1cjYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fMmJ2MXVyNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
218
- .Text_textVariants_size_sm__2bv1ur1 {
253
+ [data-dapp-kit].Text_textVariants_size_sm__2bv1ur1,
254
+ [data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1 {
219
255
  font-size: var(--dapp-kit-fontSizes-small);
220
256
  }
221
- .Text_textVariants_weight_normal__2bv1ur2 {
257
+ [data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2,
258
+ [data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2 {
222
259
  font-weight: var(--dapp-kit-fontWeights-normal);
223
260
  }
224
- .Text_textVariants_weight_medium__2bv1ur3 {
261
+ [data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3,
262
+ [data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3 {
225
263
  font-weight: var(--dapp-kit-fontWeights-medium);
226
264
  }
227
- .Text_textVariants_weight_bold__2bv1ur4 {
265
+ [data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4,
266
+ [data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4 {
228
267
  font-weight: var(--dapp-kit-fontWeights-bold);
229
268
  }
230
- .Text_textVariants_color_muted__2bv1ur5 {
269
+ [data-dapp-kit].Text_textVariants_color_muted__2bv1ur5,
270
+ [data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5 {
231
271
  color: var(--dapp-kit-colors-bodyMuted);
232
272
  }
233
- .Text_textVariants_color_danger__2bv1ur6 {
273
+ [data-dapp-kit].Text_textVariants_color_danger__2bv1ur6,
274
+ [data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6 {
234
275
  color: var(--dapp-kit-colors-bodyDanger);
235
276
  }
236
- .Text_textVariants_mono_true__2bv1ur7 {
277
+ [data-dapp-kit].Text_textVariants_mono_true__2bv1ur7,
278
+ [data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7 {
237
279
  font-family:
238
280
  ui-monospace,
239
281
  SFMono-Regular,
@@ -246,46 +288,54 @@
246
288
  }
247
289
 
248
290
  /* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fbmNrbTJkNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */
249
- .ConnectionStatus_container__nckm2d0 {
291
+ [data-dapp-kit].ConnectionStatus_container__nckm2d0,
292
+ [data-dapp-kit] .ConnectionStatus_container__nckm2d0 {
250
293
  display: flex;
251
294
  flex-direction: column;
252
295
  justify-content: center;
253
296
  align-items: center;
254
297
  width: 100%;
255
298
  }
256
- .ConnectionStatus_walletIcon__nckm2d1 {
299
+ [data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1,
300
+ [data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1 {
257
301
  -o-object-fit: cover;
258
302
  object-fit: cover;
259
303
  width: 72px;
260
304
  height: 72px;
261
305
  border-radius: var(--dapp-kit-radii-large);
262
306
  }
263
- .ConnectionStatus_title__nckm2d2 {
307
+ [data-dapp-kit].ConnectionStatus_title__nckm2d2,
308
+ [data-dapp-kit] .ConnectionStatus_title__nckm2d2 {
264
309
  margin-top: 12px;
265
310
  }
266
- .ConnectionStatus_connectionStatus__nckm2d3 {
311
+ [data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3,
312
+ [data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3 {
267
313
  margin-top: 4px;
268
314
  }
269
- .ConnectionStatus_retryButtonContainer__nckm2d4 {
315
+ [data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4,
316
+ [data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4 {
270
317
  position: absolute;
271
318
  bottom: 20px;
272
319
  right: 20px;
273
320
  }
274
321
 
275
322
  /* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
276
- .InfoSection_container__1wtioi70 {
323
+ [data-dapp-kit].InfoSection_container__1wtioi70,
324
+ [data-dapp-kit] .InfoSection_container__1wtioi70 {
277
325
  display: flex;
278
326
  flex-direction: column;
279
327
  gap: 4px;
280
328
  }
281
329
 
282
330
  /* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMSB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQouR2V0dGluZ1N0YXJ0ZWRfaW5zdGFsbEJ1dHRvbkNvbnRhaW5lcl9fMWZwMDdlMTIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
283
- .GettingStarted_container__1fp07e10 {
331
+ [data-dapp-kit].GettingStarted_container__1fp07e10,
332
+ [data-dapp-kit] .GettingStarted_container__1fp07e10 {
284
333
  display: flex;
285
334
  flex-direction: column;
286
335
  align-items: center;
287
336
  }
288
- .GettingStarted_content__1fp07e11 {
337
+ [data-dapp-kit].GettingStarted_content__1fp07e11,
338
+ [data-dapp-kit] .GettingStarted_content__1fp07e11 {
289
339
  display: flex;
290
340
  flex-direction: column;
291
341
  justify-content: center;
@@ -293,19 +343,22 @@
293
343
  gap: 20px;
294
344
  padding: 40px;
295
345
  }
296
- .GettingStarted_installButtonContainer__1fp07e12 {
346
+ [data-dapp-kit].GettingStarted_installButtonContainer__1fp07e12,
347
+ [data-dapp-kit] .GettingStarted_installButtonContainer__1fp07e12 {
297
348
  position: absolute;
298
349
  bottom: 20px;
299
350
  right: 20px;
300
351
  }
301
352
 
302
353
  /* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
303
- .WhatIsAWallet_container__1ktpkq90 {
354
+ [data-dapp-kit].WhatIsAWallet_container__1ktpkq90,
355
+ [data-dapp-kit] .WhatIsAWallet_container__1ktpkq90 {
304
356
  display: flex;
305
357
  flex-direction: column;
306
358
  align-items: center;
307
359
  }
308
- .WhatIsAWallet_content__1ktpkq91 {
360
+ [data-dapp-kit].WhatIsAWallet_content__1ktpkq91,
361
+ [data-dapp-kit] .WhatIsAWallet_content__1ktpkq91 {
309
362
  display: flex;
310
363
  flex-direction: column;
311
364
  justify-content: center;
@@ -315,17 +368,20 @@
315
368
  }
316
369
 
317
370
  /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
318
- .WalletList_container__1v2s6cz0 {
371
+ [data-dapp-kit].WalletList_container__1v2s6cz0,
372
+ [data-dapp-kit] .WalletList_container__1v2s6cz0 {
319
373
  display: flex;
320
374
  flex-direction: column;
321
375
  gap: 4px;
322
376
  }
323
377
 
324
378
  /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzFkcXF0cXMxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMWRxcXRxczIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xZHFxdHFzMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
325
- .WalletListItem_container__1dqqtqs0 {
379
+ [data-dapp-kit].WalletListItem_container__1dqqtqs0,
380
+ [data-dapp-kit] .WalletListItem_container__1dqqtqs0 {
326
381
  display: flex;
327
382
  }
328
- .WalletListItem_walletItem__1dqqtqs1 {
383
+ [data-dapp-kit].WalletListItem_walletItem__1dqqtqs1,
384
+ [data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1 {
329
385
  display: flex;
330
386
  align-items: center;
331
387
  flex-grow: 1;
@@ -333,14 +389,17 @@
333
389
  gap: 8px;
334
390
  border-radius: var(--dapp-kit-radii-large);
335
391
  }
336
- .WalletListItem_walletItem__1dqqtqs1:hover {
392
+ [data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover,
393
+ [data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover {
337
394
  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
338
395
  }
339
- .WalletListItem_selectedWalletItem__1dqqtqs2 {
396
+ [data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2,
397
+ [data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2 {
340
398
  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
341
399
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
342
400
  }
343
- .WalletListItem_walletIcon__1dqqtqs3 {
401
+ [data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3,
402
+ [data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3 {
344
403
  width: 28px;
345
404
  height: 28px;
346
405
  flex-shrink: 0;
@@ -1,5 +1,6 @@
1
1
  /* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UTW/bMAy951foMiAFpsLpmjZ1Ltt6GrBhAwqsx0KxmJiLLBmS8tEO+e+TZDlpajUJkPWQ2pT5yPf4qMt7JSUU9ofiTDypJWjBnp+eZi+jl7uM/O0RMmHFfKbVQnJaKKF0TpZM9ynlrK7pHC3dfXDvzw2tPNbPBupiHCG4VjWdorCQQBCLVFqtDFpUMidTXAP3IZQGbE4y//xCUXJY5+Su/Rv3Nr3LPUIWrYBIZxDo1IxzlDMqYOqARvW6m1QoaUHamHZ1jgq/NFZMRxWU5qCpZhwXppPvw0jXgukZhM/TZYoGfKL4uxpNlLWqysngxpMjpGHavmmcla9eOZra6e3SBYSA/085aqdGgHUFF5X0J38WxuL0mUZ5cmJqVgCdgF0BhC+8faZCrXJSIudNrEJJS2iKDrNlGWJsvY2NhrvYCrktc3KbZamxrEpmv5kvj0wIsF8XjqSMI/p0zogewBHi7ZCiPVqB3vawRFi5gGUoQcfq16H6VkipJOwhXWX1TllX38kz6CIbEO4Z+O9EheF+hWZUbwE8u0aVt+k3jfG3TmET44ZqQ5dW1bsOG6dcJdUvhDKQxr89hp/0Xme8Ya7f0dj7vf0bpcgf8um+zoTMmKd43bTQmcrZi32Yx2ud7tJMju/VqVxPaOURbekt9hDtFltjKQ9vep8r4MiIKbTrhDDJSd/vc7unN+76vAiZxy/QLgvX9TgcRLhBln1oAsE0w/atceX21WomzVRpd8OFR8Es9Kk7/kj8b9jiTaelY5dHYoG7IO9vf2Ks3fRjG3pSD4fX5D/dgsfKdl19YLzhYMIMGr+Gce32rJu9iphSo5zH2El9HLR0cjCbf+XuA2j2CAAA */
2
- .ConnectModal_overlay__gz8z90 {
2
+ [data-dapp-kit].ConnectModal_overlay__gz8z90,
3
+ [data-dapp-kit] .ConnectModal_overlay__gz8z90 {
3
4
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
4
5
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
5
6
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
@@ -7,10 +8,12 @@
7
8
  inset: 0;
8
9
  z-index: 999999999;
9
10
  }
10
- .ConnectModal_title__gz8z91 {
11
+ [data-dapp-kit].ConnectModal_title__gz8z91,
12
+ [data-dapp-kit] .ConnectModal_title__gz8z91 {
11
13
  padding-left: 8px;
12
14
  }
13
- .ConnectModal_content__gz8z92 {
15
+ [data-dapp-kit].ConnectModal_content__gz8z92,
16
+ [data-dapp-kit] .ConnectModal_content__gz8z92 {
14
17
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
15
18
  border-radius: var(--dapp-kit-radii-xlarge);
16
19
  color: var(--dapp-kit-colors-body);
@@ -26,29 +29,35 @@
26
29
  max-height: 85vh;
27
30
  max-width: 700px;
28
31
  }
29
- .ConnectModal_whatIsAWalletButton__gz8z93 {
32
+ [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
33
+ [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
30
34
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
31
35
  padding: 16px;
32
36
  }
33
- .ConnectModal_viewContainer__gz8z94 {
37
+ [data-dapp-kit].ConnectModal_viewContainer__gz8z94,
38
+ [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
34
39
  display: none;
35
40
  padding: 20px;
36
41
  flex-grow: 1;
37
42
  }
38
- .ConnectModal_selectedViewContainer__gz8z95 {
43
+ [data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95,
44
+ [data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95 {
39
45
  display: flex;
40
46
  }
41
- .ConnectModal_backButtonContainer__gz8z96 {
47
+ [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
48
+ [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
42
49
  position: absolute;
43
50
  top: 20px;
44
51
  left: 20px;
45
52
  }
46
- .ConnectModal_closeButtonContainer__gz8z97 {
53
+ [data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97,
54
+ [data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97 {
47
55
  position: absolute;
48
56
  top: 16px;
49
57
  right: 16px;
50
58
  }
51
- .ConnectModal_walletListContent__gz8z98 {
59
+ [data-dapp-kit].ConnectModal_walletListContent__gz8z98,
60
+ [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
52
61
  display: flex;
53
62
  flex-direction: column;
54
63
  flex-grow: 1;
@@ -56,42 +65,51 @@
56
65
  padding: 20px;
57
66
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
58
67
  }
59
- .ConnectModal_walletListContainer__gz8z99 {
68
+ [data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
69
+ [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
60
70
  display: flex;
61
71
  justify-content: space-between;
62
72
  flex-direction: column;
63
73
  flex-grow: 1;
64
74
  }
65
- .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
75
+ [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
76
+ [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
66
77
  display: none;
67
78
  }
68
79
  @media screen and (min-width: 768px) {
69
- .ConnectModal_content__gz8z92 {
80
+ [data-dapp-kit].ConnectModal_content__gz8z92,
81
+ [data-dapp-kit] .ConnectModal_content__gz8z92 {
70
82
  flex-direction: row;
71
83
  width: 100%;
72
84
  top: 50%;
73
85
  left: 50%;
74
86
  transform: translate(-50%, -50%);
75
87
  }
76
- .ConnectModal_whatIsAWalletButton__gz8z93 {
88
+ [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,
89
+ [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {
77
90
  display: none;
78
91
  }
79
- .ConnectModal_viewContainer__gz8z94 {
92
+ [data-dapp-kit].ConnectModal_viewContainer__gz8z94,
93
+ [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {
80
94
  display: flex;
81
95
  }
82
- .ConnectModal_backButtonContainer__gz8z96 {
96
+ [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,
97
+ [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {
83
98
  display: none;
84
99
  }
85
- .ConnectModal_walletListContent__gz8z98 {
100
+ [data-dapp-kit].ConnectModal_walletListContent__gz8z98,
101
+ [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {
86
102
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
87
103
  }
88
- .ConnectModal_walletListContainer__gz8z99 {
104
+ [data-dapp-kit].ConnectModal_walletListContainer__gz8z99,
105
+ [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {
89
106
  flex-direction: row;
90
107
  flex-basis: 240px;
91
108
  flex-grow: 0;
92
109
  flex-shrink: 0;
93
110
  }
94
- .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
111
+ [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,
112
+ [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {
95
113
  display: flex;
96
114
  }
97
115
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UTW/bMAy951foMiAFpsLpmjZ1Ltt6GrBhAwqsx0KxmJiLLBmS8tEO+e+TZDlpajUJkPWQ2pT5yPf4qMt7JSUU9ofiTDypJWjBnp+eZi+jl7uM/O0RMmHFfKbVQnJaKKF0TpZM9ynlrK7pHC3dfXDvzw2tPNbPBupiHCG4VjWdorCQQBCLVFqtDFpUMidTXAP3IZQGbE4y//xCUXJY5+Su/Rv3Nr3LPUIWrYBIZxDo1IxzlDMqYOqARvW6m1QoaUHamHZ1jgq/NFZMRxWU5qCpZhwXppPvw0jXgukZhM/TZYoGfKL4uxpNlLWqysngxpMjpGHavmmcla9eOZra6e3SBYSA/085aqdGgHUFF5X0J38WxuL0mUZ5cmJqVgCdgF0BhC+8faZCrXJSIudNrEJJS2iKDrNlGWJsvY2NhrvYCrktc3KbZamxrEpmv5kvj0wIsF8XjqSMI/p0zogewBHi7ZCiPVqB3vawRFi5gGUoQcfq16H6VkipJOwhXWX1TllX38kz6CIbEO4Z+O9EheF+hWZUbwE8u0aVt+k3jfG3TmET44ZqQ5dW1bsOG6dcJdUvhDKQxr89hp/0Xme8Ya7f0dj7vf0bpcgf8um+zoTMmKd43bTQmcrZi32Yx2ud7tJMju/VqVxPaOURbekt9hDtFltjKQ9vep8r4MiIKbTrhDDJSd/vc7unN+76vAiZxy/QLgvX9TgcRLhBln1oAsE0w/atceX21WomzVRpd8OFR8Es9Kk7/kj8b9jiTaelY5dHYoG7IO9vf2Ks3fRjG3pSD4fX5D/dgsfKdl19YLzhYMIMGr+Gce32rJu9iphSo5zH2El9HLR0cjCbf+XuA2j2CAAA"],
4
- "sourcesContent": [".ConnectModal_overlay__gz8z90 {\n background-color: var(--dapp-kit-backgroundColors-modalOverlay);\n -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);\n backdrop-filter: var(--dapp-kit-blurs-modalOverlay);\n position: fixed;\n inset: 0;\n z-index: 999999999;\n}\n.ConnectModal_title__gz8z91 {\n padding-left: 8px;\n}\n.ConnectModal_content__gz8z92 {\n background-color: var(--dapp-kit-backgroundColors-modalPrimary);\n border-radius: var(--dapp-kit-radii-xlarge);\n color: var(--dapp-kit-colors-body);\n position: fixed;\n bottom: 16px;\n left: 16px;\n right: 16px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n min-height: 50vh;\n max-height: 85vh;\n max-width: 700px;\n}\n.ConnectModal_whatIsAWalletButton__gz8z93 {\n background-color: var(--dapp-kit-backgroundColors-modalSecondary);\n padding: 16px;\n}\n.ConnectModal_viewContainer__gz8z94 {\n display: none;\n padding: 20px;\n flex-grow: 1;\n}\n.ConnectModal_selectedViewContainer__gz8z95 {\n display: flex;\n}\n.ConnectModal_backButtonContainer__gz8z96 {\n position: absolute;\n top: 20px;\n left: 20px;\n}\n.ConnectModal_closeButtonContainer__gz8z97 {\n position: absolute;\n top: 16px;\n right: 16px;\n}\n.ConnectModal_walletListContent__gz8z98 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: 24px;\n padding: 20px;\n background-color: var(--dapp-kit-backgroundColors-modalPrimary);\n}\n.ConnectModal_walletListContainer__gz8z99 {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n flex-grow: 1;\n}\n.ConnectModal_walletListContainerWithViewSelected__gz8z9a {\n display: none;\n}\n@media screen and (min-width: 768px) {\n .ConnectModal_content__gz8z92 {\n flex-direction: row;\n width: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .ConnectModal_whatIsAWalletButton__gz8z93 {\n display: none;\n }\n .ConnectModal_viewContainer__gz8z94 {\n display: flex;\n }\n .ConnectModal_backButtonContainer__gz8z96 {\n display: none;\n }\n .ConnectModal_walletListContent__gz8z98 {\n background-color: var(--dapp-kit-backgroundColors-modalSecondary);\n }\n .ConnectModal_walletListContainer__gz8z99 {\n flex-direction: row;\n flex-basis: 240px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n .ConnectModal_walletListContainerWithViewSelected__gz8z9a {\n display: flex;\n }\n}"],
5
- "mappings": ";AAAA;AACE;AACA;AACQ;AACR;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAAA;",
4
+ "sourcesContent": ["[data-dapp-kit].ConnectModal_overlay__gz8z90, [data-dapp-kit] .ConnectModal_overlay__gz8z90 {\n background-color: var(--dapp-kit-backgroundColors-modalOverlay);\n -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);\n backdrop-filter: var(--dapp-kit-blurs-modalOverlay);\n position: fixed;\n inset: 0;\n z-index: 999999999;\n}\n[data-dapp-kit].ConnectModal_title__gz8z91, [data-dapp-kit] .ConnectModal_title__gz8z91 {\n padding-left: 8px;\n}\n[data-dapp-kit].ConnectModal_content__gz8z92, [data-dapp-kit] .ConnectModal_content__gz8z92 {\n background-color: var(--dapp-kit-backgroundColors-modalPrimary);\n border-radius: var(--dapp-kit-radii-xlarge);\n color: var(--dapp-kit-colors-body);\n position: fixed;\n bottom: 16px;\n left: 16px;\n right: 16px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n overflow: hidden;\n min-height: 50vh;\n max-height: 85vh;\n max-width: 700px;\n}\n[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93, [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {\n background-color: var(--dapp-kit-backgroundColors-modalSecondary);\n padding: 16px;\n}\n[data-dapp-kit].ConnectModal_viewContainer__gz8z94, [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {\n display: none;\n padding: 20px;\n flex-grow: 1;\n}\n[data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95, [data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95 {\n display: flex;\n}\n[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96, [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {\n position: absolute;\n top: 20px;\n left: 20px;\n}\n[data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97, [data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97 {\n position: absolute;\n top: 16px;\n right: 16px;\n}\n[data-dapp-kit].ConnectModal_walletListContent__gz8z98, [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: 24px;\n padding: 20px;\n background-color: var(--dapp-kit-backgroundColors-modalPrimary);\n}\n[data-dapp-kit].ConnectModal_walletListContainer__gz8z99, [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n flex-grow: 1;\n}\n[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a, [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {\n display: none;\n}\n@media screen and (min-width: 768px) {\n [data-dapp-kit].ConnectModal_content__gz8z92, [data-dapp-kit] .ConnectModal_content__gz8z92 {\n flex-direction: row;\n width: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93, [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93 {\n display: none;\n }\n [data-dapp-kit].ConnectModal_viewContainer__gz8z94, [data-dapp-kit] .ConnectModal_viewContainer__gz8z94 {\n display: flex;\n }\n [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96, [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96 {\n display: none;\n }\n [data-dapp-kit].ConnectModal_walletListContent__gz8z98, [data-dapp-kit] .ConnectModal_walletListContent__gz8z98 {\n background-color: var(--dapp-kit-backgroundColors-modalSecondary);\n }\n [data-dapp-kit].ConnectModal_walletListContainer__gz8z99, [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99 {\n flex-direction: row;\n flex-basis: 240px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a, [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a {\n display: flex;\n }\n}"],
5
+ "mappings": ";AAAA;AAAA;AACE;AACA;AACQ;AACR;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AACE;AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AAAA;AAAA;",
6
6
  "names": []
7
7
  }