@iota/dapp-kit 0.1.1 → 0.2.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 (359) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/components/AccountDropdownMenu.css +58 -31
  3. package/dist/cjs/components/AccountDropdownMenu.css.css +27 -18
  4. package/dist/cjs/components/AccountDropdownMenu.css.css.map +3 -3
  5. package/dist/cjs/components/AccountDropdownMenu.css.d.ts +1 -0
  6. package/dist/cjs/components/AccountDropdownMenu.css.js +6 -4
  7. package/dist/cjs/components/AccountDropdownMenu.css.js.map +2 -2
  8. package/dist/cjs/components/AccountDropdownMenu.css.map +3 -3
  9. package/dist/cjs/components/AccountDropdownMenu.js +44 -104
  10. package/dist/cjs/components/AccountDropdownMenu.js.map +4 -4
  11. package/dist/cjs/components/ConnectButton.css +195 -191
  12. package/dist/cjs/components/ConnectButton.css.map +3 -3
  13. package/dist/cjs/components/ConnectButton.js +693 -418
  14. package/dist/cjs/components/ConnectButton.js.map +4 -4
  15. package/dist/cjs/components/WalletProvider.js +119 -34
  16. package/dist/cjs/components/WalletProvider.js.map +3 -3
  17. package/dist/cjs/components/connect-modal/ConnectModal.css +177 -224
  18. package/dist/cjs/components/connect-modal/ConnectModal.css.css +32 -69
  19. package/dist/cjs/components/connect-modal/ConnectModal.css.css.map +3 -3
  20. package/dist/cjs/components/connect-modal/ConnectModal.css.d.ts +1 -5
  21. package/dist/cjs/components/connect-modal/ConnectModal.css.js +7 -15
  22. package/dist/cjs/components/connect-modal/ConnectModal.css.js.map +2 -2
  23. package/dist/cjs/components/connect-modal/ConnectModal.css.map +3 -3
  24. package/dist/cjs/components/connect-modal/ConnectModal.js +705 -403
  25. package/dist/cjs/components/connect-modal/ConnectModal.js.map +4 -4
  26. package/dist/cjs/components/connect-modal/InfoSection.css +11 -7
  27. package/dist/cjs/components/connect-modal/InfoSection.css.map +3 -3
  28. package/dist/cjs/components/connect-modal/InfoSection.js +1 -1
  29. package/dist/cjs/components/connect-modal/InfoSection.js.map +2 -2
  30. package/dist/cjs/components/connect-modal/views/GetTheWallet.css +78 -0
  31. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css +35 -0
  32. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  33. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  34. package/dist/cjs/components/connect-modal/views/{GettingStarted.css.js → GetTheWallet.css.js} +13 -9
  35. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  36. package/dist/cjs/components/connect-modal/views/GetTheWallet.css.map +7 -0
  37. package/dist/cjs/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  38. package/dist/cjs/components/connect-modal/views/GetTheWallet.js +524 -0
  39. package/dist/cjs/components/connect-modal/views/GetTheWallet.js.map +7 -0
  40. package/dist/cjs/components/connect-modal/views/WalletConnect.css +179 -0
  41. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css +51 -0
  42. package/dist/cjs/components/connect-modal/views/WalletConnect.css.css.map +7 -0
  43. package/dist/cjs/components/connect-modal/views/WalletConnect.css.d.ts +8 -0
  44. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js +41 -0
  45. package/dist/cjs/components/connect-modal/views/WalletConnect.css.js.map +7 -0
  46. package/dist/cjs/components/connect-modal/views/WalletConnect.css.map +7 -0
  47. package/dist/cjs/components/connect-modal/views/WalletConnect.d.ts +7 -0
  48. package/dist/cjs/components/connect-modal/views/WalletConnect.js +325 -0
  49. package/dist/cjs/components/connect-modal/views/WalletConnect.js.map +7 -0
  50. package/dist/cjs/components/connect-modal/views/index.css +214 -0
  51. package/dist/cjs/components/connect-modal/views/index.css.map +7 -0
  52. package/dist/cjs/components/connect-modal/views/index.d.ts +2 -0
  53. package/dist/cjs/components/connect-modal/views/index.js +790 -0
  54. package/dist/cjs/components/connect-modal/views/index.js.map +7 -0
  55. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css +22 -10
  56. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css +5 -2
  57. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  58. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  59. package/dist/cjs/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  60. package/dist/cjs/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  61. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js +38 -61
  62. package/dist/cjs/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  63. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css +17 -8
  64. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css +17 -8
  65. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  66. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.d.ts +1 -0
  67. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js +4 -2
  68. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  69. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  70. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js +32 -5
  71. package/dist/cjs/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  72. package/dist/cjs/components/icons/ArrowRightIcon.d.ts +2 -0
  73. package/dist/cjs/components/icons/{BackIcon.js → ArrowRightIcon.js} +23 -12
  74. package/dist/cjs/components/icons/ArrowRightIcon.js.map +7 -0
  75. package/dist/cjs/components/icons/ArrowTopRightIcon.d.ts +2 -0
  76. package/dist/cjs/components/icons/ArrowTopRightIcon.js +47 -0
  77. package/dist/cjs/components/icons/ArrowTopRightIcon.js.map +7 -0
  78. package/dist/cjs/components/icons/IotaIcon.js +391 -12
  79. package/dist/cjs/components/icons/IotaIcon.js.map +2 -2
  80. package/dist/cjs/components/styling/InjectedThemeStyles.js +13 -8
  81. package/dist/cjs/components/styling/InjectedThemeStyles.js.map +2 -2
  82. package/dist/cjs/components/styling/StyleMarker.css +16 -1
  83. package/dist/cjs/components/styling/StyleMarker.css.css +16 -1
  84. package/dist/cjs/components/styling/StyleMarker.css.css.map +3 -3
  85. package/dist/cjs/components/styling/StyleMarker.css.map +3 -3
  86. package/dist/cjs/components/styling/StyleMarker.js +2 -2
  87. package/dist/cjs/components/styling/StyleMarker.js.map +1 -1
  88. package/dist/cjs/components/ui/Button.css +4 -5
  89. package/dist/cjs/components/ui/Button.css.css +4 -5
  90. package/dist/cjs/components/ui/Button.css.css.map +3 -3
  91. package/dist/cjs/components/ui/Button.css.d.ts +0 -1
  92. package/dist/cjs/components/ui/Button.css.js.map +1 -1
  93. package/dist/cjs/components/ui/Button.css.map +3 -3
  94. package/dist/cjs/components/ui/Button.js.map +1 -1
  95. package/dist/cjs/components/ui/IconButton.css +1 -5
  96. package/dist/cjs/components/ui/IconButton.css.css +1 -5
  97. package/dist/cjs/components/ui/IconButton.css.css.map +3 -3
  98. package/dist/cjs/components/ui/IconButton.css.js.map +1 -1
  99. package/dist/cjs/components/ui/IconButton.css.map +3 -3
  100. package/dist/cjs/components/ui/IconButton.js.map +1 -1
  101. package/dist/cjs/components/ui/Text.css +11 -7
  102. package/dist/cjs/components/ui/Text.css.css +11 -7
  103. package/dist/cjs/components/ui/Text.css.css.map +3 -3
  104. package/dist/cjs/components/ui/Text.css.d.ts +3 -0
  105. package/dist/cjs/components/ui/Text.css.js +1 -1
  106. package/dist/cjs/components/ui/Text.css.js.map +2 -2
  107. package/dist/cjs/components/ui/Text.css.map +3 -3
  108. package/dist/cjs/components/ui/Text.js +1 -1
  109. package/dist/cjs/components/ui/Text.js.map +2 -2
  110. package/dist/cjs/constants/walletDefaults.d.ts +1 -0
  111. package/dist/cjs/constants/walletDefaults.js +4 -1
  112. package/dist/cjs/constants/walletDefaults.js.map +2 -2
  113. package/dist/cjs/index.css +246 -242
  114. package/dist/cjs/index.css.map +3 -3
  115. package/dist/cjs/index.d.ts +1 -1
  116. package/dist/cjs/index.js +1010 -634
  117. package/dist/cjs/index.js.map +4 -4
  118. package/dist/cjs/themes/darkTheme.d.ts +2 -0
  119. package/dist/cjs/themes/darkTheme.js +88 -0
  120. package/dist/cjs/themes/darkTheme.js.map +7 -0
  121. package/dist/cjs/themes/lightTheme.js +30 -25
  122. package/dist/cjs/themes/lightTheme.js.map +2 -2
  123. package/dist/cjs/themes/themeContract.d.ts +22 -12
  124. package/dist/cjs/themes/themeContract.js +13 -8
  125. package/dist/cjs/themes/themeContract.js.map +2 -2
  126. package/dist/esm/components/AccountDropdownMenu.css +58 -31
  127. package/dist/esm/components/AccountDropdownMenu.css.css +27 -18
  128. package/dist/esm/components/AccountDropdownMenu.css.css.map +3 -3
  129. package/dist/esm/components/AccountDropdownMenu.css.d.ts +1 -0
  130. package/dist/esm/components/AccountDropdownMenu.css.js +6 -4
  131. package/dist/esm/components/AccountDropdownMenu.css.js.map +2 -2
  132. package/dist/esm/components/AccountDropdownMenu.css.map +3 -3
  133. package/dist/esm/components/AccountDropdownMenu.js +33 -93
  134. package/dist/esm/components/AccountDropdownMenu.js.map +4 -4
  135. package/dist/esm/components/ConnectButton.css +195 -191
  136. package/dist/esm/components/ConnectButton.css.map +3 -3
  137. package/dist/esm/components/ConnectButton.js +677 -402
  138. package/dist/esm/components/ConnectButton.js.map +4 -4
  139. package/dist/esm/components/WalletProvider.js +119 -34
  140. package/dist/esm/components/WalletProvider.js.map +3 -3
  141. package/dist/esm/components/connect-modal/ConnectModal.css +177 -224
  142. package/dist/esm/components/connect-modal/ConnectModal.css.css +32 -69
  143. package/dist/esm/components/connect-modal/ConnectModal.css.css.map +3 -3
  144. package/dist/esm/components/connect-modal/ConnectModal.css.d.ts +1 -5
  145. package/dist/esm/components/connect-modal/ConnectModal.css.js +7 -15
  146. package/dist/esm/components/connect-modal/ConnectModal.css.js.map +2 -2
  147. package/dist/esm/components/connect-modal/ConnectModal.css.map +3 -3
  148. package/dist/esm/components/connect-modal/ConnectModal.js +701 -399
  149. package/dist/esm/components/connect-modal/ConnectModal.js.map +4 -4
  150. package/dist/esm/components/connect-modal/InfoSection.css +11 -7
  151. package/dist/esm/components/connect-modal/InfoSection.css.map +3 -3
  152. package/dist/esm/components/connect-modal/InfoSection.js +1 -1
  153. package/dist/esm/components/connect-modal/InfoSection.js.map +2 -2
  154. package/dist/esm/components/connect-modal/views/GetTheWallet.css +78 -0
  155. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css +35 -0
  156. package/dist/esm/components/connect-modal/views/GetTheWallet.css.css.map +7 -0
  157. package/dist/esm/components/connect-modal/views/GetTheWallet.css.d.ts +5 -0
  158. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js +14 -0
  159. package/dist/esm/components/connect-modal/views/GetTheWallet.css.js.map +7 -0
  160. package/dist/esm/components/connect-modal/views/GetTheWallet.css.map +7 -0
  161. package/dist/esm/components/connect-modal/views/GetTheWallet.d.ts +1 -0
  162. package/dist/esm/components/connect-modal/views/GetTheWallet.js +491 -0
  163. package/dist/esm/components/connect-modal/views/GetTheWallet.js.map +7 -0
  164. package/dist/esm/components/connect-modal/views/WalletConnect.css +179 -0
  165. package/dist/esm/components/connect-modal/views/WalletConnect.css.css +51 -0
  166. package/dist/esm/components/connect-modal/views/WalletConnect.css.css.map +7 -0
  167. package/dist/esm/components/connect-modal/views/WalletConnect.css.d.ts +8 -0
  168. package/dist/esm/components/connect-modal/views/WalletConnect.css.js +20 -0
  169. package/dist/esm/components/connect-modal/views/WalletConnect.css.js.map +7 -0
  170. package/dist/esm/components/connect-modal/views/WalletConnect.css.map +7 -0
  171. package/dist/esm/components/connect-modal/views/WalletConnect.d.ts +7 -0
  172. package/dist/esm/components/connect-modal/views/WalletConnect.js +294 -0
  173. package/dist/esm/components/connect-modal/views/WalletConnect.js.map +7 -0
  174. package/dist/esm/components/connect-modal/views/index.css +214 -0
  175. package/dist/esm/components/connect-modal/views/index.css.map +7 -0
  176. package/dist/esm/components/connect-modal/views/index.d.ts +2 -0
  177. package/dist/esm/components/connect-modal/views/index.js +757 -0
  178. package/dist/esm/components/connect-modal/views/index.js.map +7 -0
  179. package/dist/esm/components/connect-modal/wallet-list/WalletList.css +22 -10
  180. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css +5 -2
  181. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.css.map +3 -3
  182. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.js.map +1 -1
  183. package/dist/esm/components/connect-modal/wallet-list/WalletList.css.map +3 -3
  184. package/dist/esm/components/connect-modal/wallet-list/WalletList.d.ts +4 -4
  185. package/dist/esm/components/connect-modal/wallet-list/WalletList.js +38 -61
  186. package/dist/esm/components/connect-modal/wallet-list/WalletList.js.map +4 -4
  187. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css +17 -8
  188. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css +17 -8
  189. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.css.map +3 -3
  190. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.d.ts +1 -0
  191. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js +4 -2
  192. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.js.map +2 -2
  193. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.css.map +3 -3
  194. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js +32 -5
  195. package/dist/esm/components/connect-modal/wallet-list/WalletListItem.js.map +4 -4
  196. package/dist/esm/components/icons/ArrowRightIcon.d.ts +2 -0
  197. package/dist/esm/components/icons/ArrowRightIcon.js +26 -0
  198. package/dist/esm/components/icons/ArrowRightIcon.js.map +7 -0
  199. package/dist/esm/components/icons/ArrowTopRightIcon.d.ts +2 -0
  200. package/dist/esm/components/icons/ArrowTopRightIcon.js +26 -0
  201. package/dist/esm/components/icons/ArrowTopRightIcon.js.map +7 -0
  202. package/dist/esm/components/icons/IotaIcon.js +391 -12
  203. package/dist/esm/components/icons/IotaIcon.js.map +2 -2
  204. package/dist/esm/components/styling/InjectedThemeStyles.js +13 -8
  205. package/dist/esm/components/styling/InjectedThemeStyles.js.map +2 -2
  206. package/dist/esm/components/styling/StyleMarker.css +16 -1
  207. package/dist/esm/components/styling/StyleMarker.css.css +16 -1
  208. package/dist/esm/components/styling/StyleMarker.css.css.map +3 -3
  209. package/dist/esm/components/styling/StyleMarker.css.js +2 -2
  210. package/dist/esm/components/styling/StyleMarker.css.js.map +1 -1
  211. package/dist/esm/components/styling/StyleMarker.css.map +3 -3
  212. package/dist/esm/components/styling/StyleMarker.js +2 -2
  213. package/dist/esm/components/styling/StyleMarker.js.map +1 -1
  214. package/dist/esm/components/ui/Button.css +4 -5
  215. package/dist/esm/components/ui/Button.css.css +4 -5
  216. package/dist/esm/components/ui/Button.css.css.map +3 -3
  217. package/dist/esm/components/ui/Button.css.d.ts +0 -1
  218. package/dist/esm/components/ui/Button.css.js.map +1 -1
  219. package/dist/esm/components/ui/Button.css.map +3 -3
  220. package/dist/esm/components/ui/Button.js.map +1 -1
  221. package/dist/esm/components/ui/IconButton.css +1 -5
  222. package/dist/esm/components/ui/IconButton.css.css +1 -5
  223. package/dist/esm/components/ui/IconButton.css.css.map +3 -3
  224. package/dist/esm/components/ui/IconButton.css.js.map +1 -1
  225. package/dist/esm/components/ui/IconButton.css.map +3 -3
  226. package/dist/esm/components/ui/IconButton.js.map +1 -1
  227. package/dist/esm/components/ui/Text.css +11 -7
  228. package/dist/esm/components/ui/Text.css.css +11 -7
  229. package/dist/esm/components/ui/Text.css.css.map +3 -3
  230. package/dist/esm/components/ui/Text.css.d.ts +3 -0
  231. package/dist/esm/components/ui/Text.css.js +1 -1
  232. package/dist/esm/components/ui/Text.css.js.map +2 -2
  233. package/dist/esm/components/ui/Text.css.map +3 -3
  234. package/dist/esm/components/ui/Text.js +1 -1
  235. package/dist/esm/components/ui/Text.js.map +2 -2
  236. package/dist/esm/constants/walletDefaults.d.ts +1 -0
  237. package/dist/esm/constants/walletDefaults.js +4 -1
  238. package/dist/esm/constants/walletDefaults.js.map +2 -2
  239. package/dist/esm/index.css +246 -242
  240. package/dist/esm/index.css.map +3 -3
  241. package/dist/esm/index.d.ts +1 -1
  242. package/dist/esm/index.js +993 -617
  243. package/dist/esm/index.js.map +4 -4
  244. package/dist/esm/themes/darkTheme.d.ts +2 -0
  245. package/dist/esm/themes/darkTheme.js +67 -0
  246. package/dist/esm/themes/darkTheme.js.map +7 -0
  247. package/dist/esm/themes/lightTheme.js +30 -25
  248. package/dist/esm/themes/lightTheme.js.map +2 -2
  249. package/dist/esm/themes/themeContract.d.ts +22 -12
  250. package/dist/esm/themes/themeContract.js +13 -8
  251. package/dist/esm/themes/themeContract.js.map +2 -2
  252. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  253. package/dist/tsconfig.tsbuildinfo +1 -1
  254. package/package.json +3 -3
  255. package/src/components/AccountDropdownMenu.css.ts +17 -11
  256. package/src/components/AccountDropdownMenu.tsx +4 -16
  257. package/src/components/ConnectButton.tsx +1 -4
  258. package/src/components/WalletProvider.tsx +13 -2
  259. package/src/components/connect-modal/ConnectModal.css.ts +17 -58
  260. package/src/components/connect-modal/ConnectModal.tsx +16 -101
  261. package/src/components/connect-modal/views/GetTheWallet.css.ts +38 -0
  262. package/src/components/connect-modal/views/GetTheWallet.tsx +25 -0
  263. package/src/components/connect-modal/views/WalletConnect.css.ts +55 -0
  264. package/src/components/connect-modal/views/WalletConnect.tsx +79 -0
  265. package/src/components/connect-modal/views/index.ts +5 -0
  266. package/src/components/connect-modal/wallet-list/WalletList.css.ts +5 -1
  267. package/src/components/connect-modal/wallet-list/WalletList.tsx +11 -25
  268. package/src/components/connect-modal/wallet-list/WalletListItem.css.ts +14 -6
  269. package/src/components/connect-modal/wallet-list/WalletListItem.tsx +12 -9
  270. package/src/components/icons/ArrowRightIcon.tsx +23 -0
  271. package/src/components/icons/ArrowTopRightIcon.tsx +23 -0
  272. package/src/components/icons/IotaIcon.tsx +222 -6
  273. package/src/components/styling/StyleMarker.css.ts +15 -0
  274. package/src/components/ui/Button.css.ts +3 -5
  275. package/src/components/ui/IconButton.css.ts +0 -3
  276. package/src/components/ui/Text.css.ts +1 -1
  277. package/src/constants/walletDefaults.ts +5 -0
  278. package/src/index.ts +1 -1
  279. package/src/themes/darkTheme.ts +69 -0
  280. package/src/themes/lightTheme.ts +29 -24
  281. package/src/themes/themeContract.ts +11 -6
  282. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css +0 -146
  283. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css +0 -32
  284. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.css.map +0 -7
  285. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.d.ts +0 -5
  286. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js +0 -35
  287. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.js.map +0 -7
  288. package/dist/cjs/components/connect-modal/views/ConnectionStatus.css.map +0 -7
  289. package/dist/cjs/components/connect-modal/views/ConnectionStatus.d.ts +0 -8
  290. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js +0 -173
  291. package/dist/cjs/components/connect-modal/views/ConnectionStatus.js.map +0 -7
  292. package/dist/cjs/components/connect-modal/views/GettingStarted.css +0 -145
  293. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css +0 -23
  294. package/dist/cjs/components/connect-modal/views/GettingStarted.css.css.map +0 -7
  295. package/dist/cjs/components/connect-modal/views/GettingStarted.css.d.ts +0 -3
  296. package/dist/cjs/components/connect-modal/views/GettingStarted.css.js.map +0 -7
  297. package/dist/cjs/components/connect-modal/views/GettingStarted.css.map +0 -7
  298. package/dist/cjs/components/connect-modal/views/GettingStarted.d.ts +0 -1
  299. package/dist/cjs/components/connect-modal/views/GettingStarted.js +0 -172
  300. package/dist/cjs/components/connect-modal/views/GettingStarted.js.map +0 -7
  301. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css +0 -95
  302. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css +0 -17
  303. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.css.map +0 -7
  304. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.d.ts +0 -2
  305. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js +0 -29
  306. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.js.map +0 -7
  307. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.css.map +0 -7
  308. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.d.ts +0 -1
  309. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js +0 -135
  310. package/dist/cjs/components/connect-modal/views/WhatIsAWallet.js.map +0 -7
  311. package/dist/cjs/components/icons/BackIcon.d.ts +0 -2
  312. package/dist/cjs/components/icons/BackIcon.js.map +0 -7
  313. package/dist/cjs/hooks/useResolveIotaNSNames.d.ts +0 -3
  314. package/dist/cjs/hooks/useResolveIotaNSNames.js +0 -83
  315. package/dist/cjs/hooks/useResolveIotaNSNames.js.map +0 -7
  316. package/dist/esm/components/connect-modal/views/ConnectionStatus.css +0 -146
  317. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css +0 -32
  318. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.css.map +0 -7
  319. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.d.ts +0 -5
  320. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js +0 -14
  321. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.js.map +0 -7
  322. package/dist/esm/components/connect-modal/views/ConnectionStatus.css.map +0 -7
  323. package/dist/esm/components/connect-modal/views/ConnectionStatus.d.ts +0 -8
  324. package/dist/esm/components/connect-modal/views/ConnectionStatus.js +0 -140
  325. package/dist/esm/components/connect-modal/views/ConnectionStatus.js.map +0 -7
  326. package/dist/esm/components/connect-modal/views/GettingStarted.css +0 -145
  327. package/dist/esm/components/connect-modal/views/GettingStarted.css.css +0 -23
  328. package/dist/esm/components/connect-modal/views/GettingStarted.css.css.map +0 -7
  329. package/dist/esm/components/connect-modal/views/GettingStarted.css.d.ts +0 -3
  330. package/dist/esm/components/connect-modal/views/GettingStarted.css.js +0 -10
  331. package/dist/esm/components/connect-modal/views/GettingStarted.css.js.map +0 -7
  332. package/dist/esm/components/connect-modal/views/GettingStarted.css.map +0 -7
  333. package/dist/esm/components/connect-modal/views/GettingStarted.d.ts +0 -1
  334. package/dist/esm/components/connect-modal/views/GettingStarted.js +0 -139
  335. package/dist/esm/components/connect-modal/views/GettingStarted.js.map +0 -7
  336. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css +0 -95
  337. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css +0 -17
  338. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.css.map +0 -7
  339. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.d.ts +0 -2
  340. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js +0 -8
  341. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.js.map +0 -7
  342. package/dist/esm/components/connect-modal/views/WhatIsAWallet.css.map +0 -7
  343. package/dist/esm/components/connect-modal/views/WhatIsAWallet.d.ts +0 -1
  344. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js +0 -102
  345. package/dist/esm/components/connect-modal/views/WhatIsAWallet.js.map +0 -7
  346. package/dist/esm/components/icons/BackIcon.d.ts +0 -2
  347. package/dist/esm/components/icons/BackIcon.js +0 -15
  348. package/dist/esm/components/icons/BackIcon.js.map +0 -7
  349. package/dist/esm/hooks/useResolveIotaNSNames.d.ts +0 -3
  350. package/dist/esm/hooks/useResolveIotaNSNames.js +0 -60
  351. package/dist/esm/hooks/useResolveIotaNSNames.js.map +0 -7
  352. package/src/components/connect-modal/views/ConnectionStatus.css.ts +0 -36
  353. package/src/components/connect-modal/views/ConnectionStatus.tsx +0 -55
  354. package/src/components/connect-modal/views/GettingStarted.css.ts +0 -26
  355. package/src/components/connect-modal/views/GettingStarted.tsx +0 -40
  356. package/src/components/connect-modal/views/WhatIsAWallet.css.ts +0 -20
  357. package/src/components/connect-modal/views/WhatIsAWallet.tsx +0 -24
  358. package/src/components/icons/BackIcon.tsx +0 -18
  359. package/src/hooks/useResolveIotaNSNames.ts +0 -31
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=OndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7CiAgZm9udC1mYW1pbHk6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udEZhbWlseSk7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwogIGZvbnQtc3R5bGU6IHZhcigtLWRhcHAta2l0LXR5cG9ncmFwaHktZm9udFN0eWxlKTsKICBmb250LXdlaWdodDogdmFyKC0tZGFwcC1raXQtZm9udFdlaWdodHMtbm9ybWFsKTsKICBsaW5lLWhlaWdodDogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1saW5lSGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tZGFwcC1raXQtdHlwb2dyYXBoeS1sZXR0ZXJTcGFjaW5nKTsKfQo6d2hlcmUoYnV0dG9uKSB7CiAgYXBwZWFyYW5jZTogbm9uZTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7CiAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7CiAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9Cjp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KOndoZXJlKG9sLCB1bCkgewogIGxpc3Qtc3R5bGU6IG5vbmU7CiAgbWFyZ2luOiAwOwogIHBhZGRpbmc6IDA7Cn0KOndoZXJlKGgxLCBoMiwgaDMsIGg0LCBoNSwgaDYpIHsKICBmb250LXNpemU6IGluaGVyaXQ7CiAgZm9udC13ZWlnaHQ6IGluaGVyaXQ7CiAgbWFyZ2luOiAwOwp9 */
1
+ /* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51US4/TMBC+91fMcYtiqYXCIT0iIe6LxHkSe2Orrm2NJyRZxH9HtrttmrAL4hLJ4+8xL6cetCL18G4LPzcAjR9FNM/GdTU0nqQi0fjxuAFovfVUww+kByEkhiBOhkWORtF4OW0T6sk7Fk94NnZaYXkKviMMehIJ9iWjbqxontWKk26+K9NpjsJ5OqOdEXiya8bC5TGBbpwha/2rjTVOCf1nyswnwb5mVGEpZkUiBmxzH98gZuRjAW6Pm1+bukyj6Zm9KyPBEBQSulbV4LxTyaLB9tSR750Ul7kwoYsBSTledNQ4rcjwajqz+F2d8/iiktnVxXYWKetSwy4dAkqZKfl0RuqMy4driViqYzWykKr1hGy8u5W4NvA9p0RfIFclbyvobZGzJl4X40Vp5n6f2FVB7yvQ7yvQHyrQhwr0xwr0p6L4RieHdcfuK63FoJo089iSt7ZBypKDkaxr2B/C+ApMMGF7urzI/AoJpenjaplS2IjRInVly/+yGa+46f7c3N6/RumHVFZUDDvYwX4XxvJZ2N/cPpcfQdH8lvS2x//I/rJDhzBC9NbIRfa/AfAolD6tBAAA */
2
2
  [data-dapp-kit]:where(*),
3
3
  [data-dapp-kit] :where(*) {
4
4
  box-sizing: border-box;
@@ -43,6 +43,21 @@
43
43
  font-weight: inherit;
44
44
  margin: 0;
45
45
  }
46
+ [data-dapp-kit]::-webkit-scrollbar,
47
+ [data-dapp-kit] ::-webkit-scrollbar {
48
+ width: 14px;
49
+ }
50
+ [data-dapp-kit]::-webkit-scrollbar-track,
51
+ [data-dapp-kit] ::-webkit-scrollbar-track {
52
+ border-radius: var(--dapp-kit-radii-xlarge);
53
+ background-color: transparent;
54
+ }
55
+ [data-dapp-kit]::-webkit-scrollbar-thumb,
56
+ [data-dapp-kit] ::-webkit-scrollbar-thumb {
57
+ box-shadow: inset 0 0 10px 10px var(--dapp-kit-backgroundColors-scrollThumb);
58
+ border-radius: var(--dapp-kit-radii-xlarge);
59
+ border: 4px solid transparent;
60
+ }
46
61
 
47
62
  /* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzEyYjVsOGkxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzEyYjVsOGkyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xMmI1bDhpMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xMmI1bDhpNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMTJiNWw4aTUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMTJiNWw4aTYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMTJiNWw4aTcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
48
63
  [data-dapp-kit].Heading_headingVariants_size_sm__12b5l8i1,
@@ -76,7 +91,7 @@
76
91
  white-space: nowrap;
77
92
  }
78
93
 
79
- /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX2FwMXFsbDA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
94
+ /* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19hcDFxbGwwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQ== */
80
95
  [data-dapp-kit].IconButton_container__ap1qll0,
81
96
  [data-dapp-kit] .IconButton_container__ap1qll0 {
82
97
  border-radius: 9999px;
@@ -84,12 +99,8 @@
84
99
  color: var(--dapp-kit-colors-iconButton);
85
100
  background-color: var(--dapp-kit-backgroundColors-iconButton);
86
101
  }
87
- [data-dapp-kit].IconButton_container__ap1qll0:hover,
88
- [data-dapp-kit] .IconButton_container__ap1qll0:hover {
89
- background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
90
- }
91
102
 
92
- /* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UUU/bMBB+76/wCxJIM0oZhRJetvVp0qZNQhqPyI0vzYFjR/alLZv63yfHaUqJaSpBH9L4HH939933+XxmtIaMfhop1INZglXi+eFhfF2qx1Ik7N+IsbnInhbW1FryzChjU7YU9pRzKaqKPyHx3Qczv+946dF+BbCz2xZCWlPxHBVBBEHVsWOVcUhodMpyXIP0IdQOKGWJf//LUUtYp+xm+7sdbUbney0RkoKuoXHTUCWkRL3gCnJK2bRa949lRhNo6g5evIeJ3xZLYVsmjJVguRUSa9c778PI10rYBTSfx9NkAXxu5Js8zQ2RKVM2vvLtMRZ63a4sLooXS4muUuI5ZbmCJuD/uUQLWYDNjKpL7Xcea0eYP/OWoJS5SmTA50ArgOYLL6JcmVXKCpQyxErUvICQdJIsiyYm1l1sOtnFViipSNl1ksQGsyoEfXdf74VSQN9qIqO7IX1+z5DuIDNabsfUSmRL0esqlgirmdEkUIPt8l82+TsytdGwh3WRVDt2F9ZTNO5jO1CQEcg/0RyT/RxhYK8hfIeBmz7AVbBApxgxd0bV1FRKptpVGRRzEZ1CpoyDtzJcD2WIqrA36GbCP9DR7JUXpzEKDml2n2/GFsK3eRmK6E3n3SY/3Mk+VzfxXoZddmy3RxRzj1R4sd21wuuKEzE9b0ZfSpAomMssgGZCS3bq/b317dW0Wp81J4+5UvudWLO6bTZawHGSnIRAI57JdhX02S3JCu1yY8s0vCpBcMonyckn5p+Nqze9ooavk4ih+zCH7oPIePsAw449qo4h03zQ7TiUOKbxA4NuNubCofO2bG24J+TkRcQVFvVTGzuqkgGBRwe0+Q9KhsMxGgkAAA== */
103
+ /* vanilla-extract-css-ns:src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUTW/bMAy951foUiABpsJpl7RzLsNyXbEBPexYKBbtcJVJQ5KbtEP++yDZ+WjsLlnrgy2RFMnH9+TLORNB5u9YK/PAT2CNen54GN+U5nepEvFnIMRCZY+F5Zq0zNiwTcWTskMptaoq+Yhe7gPmwe9kGbL9aJKNZm0KbbmSORoPPRlM3XesYocemVKR4xp0MCE58KlIwvpFImlYp+LL9pkNNoPLV5A8egM7QOMIqB9F1vS+YN0Uz5m8dPgCncjguccXcHJtlC1gH74CLJa+98Cv6HKyBI11GY+UyhZIEcxx2w4qZZVnu2v9Kra+bAuMq/XsXdQEFjSv6A6ovt8Wid2sUPtlKsZJctHtJ2PyQH7XzfVHlPHTYqlsqwy2Gqy0SmPtOueDGQ+nfB51PbrxXLWqMZD7VEwCSiE0usqo51TkBuJEw1dqtJA1CTI2dUnBEy5HbniViiVqDdFWIsktJZPkadmwut7ZbieNrZ3t9XXS8OatIpezLdNmaZSHoZwkF5/i/EddAsIkv9XeM82ZvEKCvTQ+RzL2oNXCsak97HBftWUb6M2uw7BhB29VmJyqMJ42FWwrz2lfiZUyBvx3dH5+JKdpzP8fZLwSaxtY2EDOOOwLVXVE4iqVIRWHF7BSWiMV54R+WOqbwdeQTgmXWQASirQYBv20UG6mt9V6FOdwztXrDsfyahYdkZBW30dy/6fywjti3XR6OK2+A/aICfrTnBLAu8d8DxmT3v5TNoPNX+XRiM/YBgAA */
93
104
  [data-dapp-kit].ConnectModal_overlay__17mljma0,
94
105
  [data-dapp-kit] .ConnectModal_overlay__17mljma0 {
95
106
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
@@ -101,111 +112,178 @@
101
112
  }
102
113
  [data-dapp-kit].ConnectModal_title__17mljma1,
103
114
  [data-dapp-kit] .ConnectModal_title__17mljma1 {
104
- padding-left: 8px;
115
+ color: var(--dapp-kit-colors-body);
116
+ font-size: var(--dapp-kit-fontSizes-xlarge);
117
+ font-weight: var(--dapp-kit-fontWeights-medium);
118
+ margin: 0;
119
+ }
120
+ [data-dapp-kit].ConnectModal_separator__17mljma2,
121
+ [data-dapp-kit] .ConnectModal_separator__17mljma2 {
122
+ height: 1px;
123
+ background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
124
+ width: 100%;
105
125
  }
106
- [data-dapp-kit].ConnectModal_content__17mljma2,
107
- [data-dapp-kit] .ConnectModal_content__17mljma2 {
126
+ [data-dapp-kit].ConnectModal_content__17mljma3,
127
+ [data-dapp-kit] .ConnectModal_content__17mljma3 {
108
128
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
109
129
  border-radius: var(--dapp-kit-radii-xlarge);
110
130
  color: var(--dapp-kit-colors-body);
111
131
  position: fixed;
112
- bottom: 16px;
113
- left: 16px;
114
- right: 16px;
132
+ top: 0;
133
+ left: 50%;
115
134
  display: flex;
116
135
  flex-direction: column;
117
- justify-content: space-between;
118
136
  overflow: hidden;
119
137
  min-height: 50vh;
120
138
  max-height: 85vh;
121
- max-width: 700px;
122
- }
123
- [data-dapp-kit].ConnectModal_whatIsAWalletButton__17mljma3,
124
- [data-dapp-kit] .ConnectModal_whatIsAWalletButton__17mljma3 {
125
- background-color: var(--dapp-kit-backgroundColors-modalSecondary);
126
- padding: 16px;
127
- }
128
- [data-dapp-kit].ConnectModal_viewContainer__17mljma4,
129
- [data-dapp-kit] .ConnectModal_viewContainer__17mljma4 {
130
- display: none;
131
- padding: 20px;
132
- flex-grow: 1;
139
+ width: 330px;
140
+ transform: translate(-50%, 100%);
133
141
  }
134
- [data-dapp-kit].ConnectModal_selectedViewContainer__17mljma5,
135
- [data-dapp-kit] .ConnectModal_selectedViewContainer__17mljma5 {
136
- display: flex;
137
- }
138
- [data-dapp-kit].ConnectModal_backButtonContainer__17mljma6,
139
- [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma6 {
142
+ [data-dapp-kit].ConnectModal_backButtonContainer__17mljma4,
143
+ [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma4 {
140
144
  position: absolute;
141
145
  top: 20px;
142
146
  left: 20px;
143
147
  }
144
- [data-dapp-kit].ConnectModal_closeButtonContainer__17mljma7,
145
- [data-dapp-kit] .ConnectModal_closeButtonContainer__17mljma7 {
148
+ [data-dapp-kit].ConnectModal_closeButtonContainer__17mljma5,
149
+ [data-dapp-kit] .ConnectModal_closeButtonContainer__17mljma5 {
146
150
  position: absolute;
147
151
  top: 16px;
148
152
  right: 16px;
149
153
  }
150
- [data-dapp-kit].ConnectModal_walletListContent__17mljma8,
151
- [data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
154
+ [data-dapp-kit].ConnectModal_walletListContent__17mljma6,
155
+ [data-dapp-kit] .ConnectModal_walletListContent__17mljma6 {
152
156
  display: flex;
153
157
  flex-direction: column;
158
+ width: 100%;
154
159
  flex-grow: 1;
155
- gap: 24px;
156
- padding: 20px;
160
+ gap: var(--dapp-kit-spacing-medium);
161
+ padding: var(--dapp-kit-spacing-medium);
157
162
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
158
163
  }
159
- [data-dapp-kit].ConnectModal_walletListContainer__17mljma9,
160
- [data-dapp-kit] .ConnectModal_walletListContainer__17mljma9 {
161
- display: flex;
162
- justify-content: space-between;
163
- flex-direction: column;
164
- flex-grow: 1;
165
- }
166
- [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__17mljmaa,
167
- [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__17mljmaa {
168
- display: none;
169
- }
170
164
  @media screen and (min-width: 768px) {
171
- [data-dapp-kit].ConnectModal_content__17mljma2,
172
- [data-dapp-kit] .ConnectModal_content__17mljma2 {
165
+ [data-dapp-kit].ConnectModal_content__17mljma3,
166
+ [data-dapp-kit] .ConnectModal_content__17mljma3 {
173
167
  flex-direction: row;
174
- width: 100%;
175
168
  top: 50%;
176
169
  left: 50%;
177
170
  transform: translate(-50%, -50%);
178
171
  }
179
- [data-dapp-kit].ConnectModal_whatIsAWalletButton__17mljma3,
180
- [data-dapp-kit] .ConnectModal_whatIsAWalletButton__17mljma3 {
172
+ [data-dapp-kit].ConnectModal_backButtonContainer__17mljma4,
173
+ [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma4 {
181
174
  display: none;
182
175
  }
183
- [data-dapp-kit].ConnectModal_viewContainer__17mljma4,
184
- [data-dapp-kit] .ConnectModal_viewContainer__17mljma4 {
185
- display: flex;
186
- }
187
- [data-dapp-kit].ConnectModal_backButtonContainer__17mljma6,
188
- [data-dapp-kit] .ConnectModal_backButtonContainer__17mljma6 {
189
- display: none;
190
- }
191
- [data-dapp-kit].ConnectModal_walletListContent__17mljma8,
192
- [data-dapp-kit] .ConnectModal_walletListContent__17mljma8 {
176
+ [data-dapp-kit].ConnectModal_walletListContent__17mljma6,
177
+ [data-dapp-kit] .ConnectModal_walletListContent__17mljma6 {
193
178
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
194
179
  }
195
- [data-dapp-kit].ConnectModal_walletListContainer__17mljma9,
196
- [data-dapp-kit] .ConnectModal_walletListContainer__17mljma9 {
197
- flex-direction: row;
198
- flex-basis: 240px;
199
- flex-grow: 0;
200
- flex-shrink: 0;
201
- }
202
- [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__17mljmaa,
203
- [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__17mljmaa {
204
- display: flex;
205
- }
206
180
  }
207
181
 
208
- /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62TwVLCMBCG732KPcohjCA6TnrTi0+gx07ahLKSJplkC60O7+6k0AGsIIyemtl/d79/N+n4qSayJsu7z6vwKAyFLCsob6bmFj4TAInBadFyQKPRKDbXqkkTAKGxNAxJVYFDoQwpH8PvdSCct6ywhpShQ2luDbG1wnJBHFbC3zAmhXNsicSi9tZJgVVKYl2N0mSTjM8b5BKDyLWSnVPrRIHUcrgd358pXm0PmfNYCd/2zSZdj1wUy9Lb2khWWG39wOg+4Tnqge3abFmjOOfPhcWp9Nw2LCyEtOtBzTY8LLp6Nr6wK+X/Y8KX2OgSC7am+F56C9Mt3HqpPFujpAWHiWvSfTBQqxWHYDXKg/AJk524M7hDXXoF39OvHuVP2zyi/7rNgB8qq2SPvjvcohcS6zAgxjDufyIAJ6REU3J4dA1MHuLSz/N02fNmF/O08KU6xkUUTGeugTTZfAF+gloxawQAAA== */
182
+ /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14c21hbGwpOwogIGhlaWdodDogMTAwJTsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAzMzBweDsKfQ== */
183
+ [data-dapp-kit].WalletList_container__1tkdegw0,
184
+ [data-dapp-kit] .WalletList_container__1tkdegw0 {
185
+ display: flex;
186
+ flex-direction: column;
187
+ gap: var(--dapp-kit-spacing-xsmall);
188
+ height: 100%;
189
+ width: 100%;
190
+ max-height: 330px;
191
+ }
192
+
193
+ /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDEwMCU7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIHdpZHRoOiAxMDAlOwogIGZsZXgtZ3JvdzogMTsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJdGVtX18xdnJ2ZXprMTpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1wcmltYXJ5QnV0dG9uSG92ZXIpOwp9Ci5XYWxsZXRMaXN0SXRlbV9zZWxlY3RlZFdhbGxldEl0ZW1fXzF2cnZlemsyIHsKICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1kYXBwLWtpdC1ib3JkZXJDb2xvcnMtb3V0bGluZUJ1dHRvbik7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXROYW1lX18xdnJ2ZXprMyB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGZsZXgtZGlyZWN0aW9uOiByb3c7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXNtYWxsKTsKfQouV2FsbGV0TGlzdEl0ZW1fd2FsbGV0SWNvbl9fMXZydmV6azQgewogIHdpZHRoOiAyOHB4OwogIGhlaWdodDogMjhweDsKICBmbGV4LXNocmluazogMDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1zbWFsbCk7Cn0= */
194
+ [data-dapp-kit].WalletListItem_container__1vrvezk0,
195
+ [data-dapp-kit] .WalletListItem_container__1vrvezk0 {
196
+ display: flex;
197
+ width: 100%;
198
+ }
199
+ [data-dapp-kit].WalletListItem_walletItem__1vrvezk1,
200
+ [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {
201
+ display: flex;
202
+ align-items: center;
203
+ justify-content: space-between;
204
+ width: 100%;
205
+ flex-grow: 1;
206
+ padding: var(--dapp-kit-spacing-medium);
207
+ border-radius: var(--dapp-kit-radii-large);
208
+ }
209
+ [data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover,
210
+ [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {
211
+ background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
212
+ }
213
+ [data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2,
214
+ [data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {
215
+ border: 1px solid var(--dapp-kit-borderColors-outlineButton);
216
+ border-radius: var(--dapp-kit-radii-large);
217
+ }
218
+ [data-dapp-kit].WalletListItem_walletName__1vrvezk3,
219
+ [data-dapp-kit] .WalletListItem_walletName__1vrvezk3 {
220
+ display: flex;
221
+ align-items: center;
222
+ flex-direction: row;
223
+ gap: var(--dapp-kit-spacing-small);
224
+ }
225
+ [data-dapp-kit].WalletListItem_walletIcon__1vrvezk4,
226
+ [data-dapp-kit] .WalletListItem_walletIcon__1vrvezk4 {
227
+ width: 28px;
228
+ height: 28px;
229
+ flex-shrink: 0;
230
+ -o-object-fit: cover;
231
+ object-fit: cover;
232
+ border-radius: var(--dapp-kit-radii-small);
233
+ }
234
+
235
+ /* vanilla-extract-css-ns:src/components/connect-modal/views/WalletConnect.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WTTUsDMRCG7/0VuQj2kFKtH7A9Vrz1pOCxpMnsNpqdCcnEbSv977Ir/dxFquIpzAfzPvMOGbwo54AnhAiaZ9VhNCFkZRHCbJZoSKM4FB89IRZgiwVn4mo4vBj3hKis4cU+pHcIuaMqEyoxjXub3uAbjUci3gtcNQLGRu/UKhO5g2U9sn6lsQE0W8JMaHKpxLpSKJ+JdxUupTTKe/lmWUavtMVCxlI51+8AgBAotJa77tY+2e4UJVBVp5WzBUrLUMZMaECGUKdfU2Sbr6QmZEDORM0Gcg5cAfxxgSnEqArY4o8a/JyQZbRraA2tK092DXE3VtQ+Umh1Ntko52RWDwoLCF0IMWkNMbZcvPnpBY+ca9oiq8C/9oY8oMXiGZa8Zbr9D2umicF0AWjC3IbyEODubIASjE3leQSdZwGvgmLa3eP++Mv65hpzpd+KQAmN7FbZN0y+9Ewgb6jCKWB62mr0W/9j8wkCAXcTTwQAAA== */
236
+ [data-dapp-kit].WalletConnect_walletConnectContainer__uo0o3s0,
237
+ [data-dapp-kit] .WalletConnect_walletConnectContainer__uo0o3s0 {
238
+ height: 100%;
239
+ width: 100%;
240
+ overflow: auto;
241
+ }
242
+ [data-dapp-kit].WalletConnect_walletConnectFooter__uo0o3s1,
243
+ [data-dapp-kit] .WalletConnect_walletConnectFooter__uo0o3s1 {
244
+ display: flex;
245
+ flex-direction: column;
246
+ gap: var(--dapp-kit-spacing-small);
247
+ }
248
+ [data-dapp-kit].WalletConnect_errorContainer__uo0o3s2,
249
+ [data-dapp-kit] .WalletConnect_errorContainer__uo0o3s2 {
250
+ display: flex;
251
+ width: 100%;
252
+ flex-direction: row;
253
+ align-items: center;
254
+ justify-content: space-between;
255
+ gap: var(--dapp-kit-spacing-small);
256
+ }
257
+ [data-dapp-kit].WalletConnect_errorMessage__uo0o3s3,
258
+ [data-dapp-kit] .WalletConnect_errorMessage__uo0o3s3 {
259
+ font-size: var(--dapp-kit-fontSizes-small);
260
+ color: var(--dapp-kit-colors-bodyDanger);
261
+ }
262
+ [data-dapp-kit].WalletConnect_successContainer__uo0o3s4,
263
+ [data-dapp-kit] .WalletConnect_successContainer__uo0o3s4 {
264
+ display: flex;
265
+ flex-direction: column;
266
+ align-items: flex-start;
267
+ gap: var(--dapp-kit-spacing-small);
268
+ }
269
+ [data-dapp-kit].WalletConnect_openingText__uo0o3s5,
270
+ [data-dapp-kit] .WalletConnect_openingText__uo0o3s5 {
271
+ font-size: var(--dapp-kit-fontSizes-small);
272
+ color: var(--dapp-kit-colors-bodyMuted);
273
+ }
274
+ [data-dapp-kit].WalletConnect_confirmText__uo0o3s6,
275
+ [data-dapp-kit] .WalletConnect_confirmText__uo0o3s6 {
276
+ font-size: var(--dapp-kit-fontSizes-medium);
277
+ color: var(--dapp-kit-colors-body);
278
+ }
279
+ [data-dapp-kit].WalletConnect_separator__uo0o3s7,
280
+ [data-dapp-kit] .WalletConnect_separator__uo0o3s7 {
281
+ height: 1px;
282
+ background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
283
+ width: 100%;
284
+ }
285
+
286
+ /* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7WSwVLCMBCG732KPcohDCA6TrjpxSfQYydt0rKQJplkC60O7+6ktCMKog56Smb/ZP9v/2R8XxNZk2bd8iQ8CkMhTXPKmpmZwGsCIDE4LVoOaDQaxQqtmkUCIDSWhiGpKnDIlSHlY3lVB8KiZbk1pAwdSoU1xLYKyyVx2Ah/xZgUzrE1EovacycFVimJdTVaJLtkfB6QSwwi00p2pNaJHKnlMBnfnLm82W9S57ESvh2aTbsemcjXpbe1kSy32voj0PcDD1EPrG+z9xrFOU9fzE8f/zUmX9qN8n8B+xgb/QTB1hSffkCY7c2tl8qzLUpacpi67lP0xUCtVhyC1SgPyl9AdmIP2Fv9W5qfR7kozQ+w36YZ8EWllRysrw9T9EJiHY4cYxlZUWvdReGElGhKDneugeltjPy8my4Ht/kFbtEJZnPXwCLZvQFzXfF3MwQAAA== */
209
287
  [data-dapp-kit].Button_buttonVariants__ctbx2n0,
210
288
  [data-dapp-kit] .Button_buttonVariants__ctbx2n0 {
211
289
  display: inline-flex;
@@ -221,7 +299,6 @@
221
299
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1 {
222
300
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
223
301
  color: var(--dapp-kit-colors-primaryButton);
224
- box-shadow: var(--dapp-kit-shadows-primaryButton);
225
302
  }
226
303
  [data-dapp-kit].Button_buttonVariants_variant_primary__ctbx2n1:hover,
227
304
  [data-dapp-kit] .Button_buttonVariants_variant_primary__ctbx2n1:hover {
@@ -232,7 +309,7 @@
232
309
  border-width: 1px;
233
310
  border-style: solid;
234
311
  border-color: var(--dapp-kit-borderColors-outlineButton);
235
- color: var(--dapp-kit-colors-outlineButton);
312
+ color: var(--dapp-kit-colors-primaryButton);
236
313
  }
237
314
  [data-dapp-kit].Button_buttonVariants_variant_outline__ctbx2n2:hover,
238
315
  [data-dapp-kit] .Button_buttonVariants_variant_outline__ctbx2n2:hover {
@@ -240,220 +317,147 @@
240
317
  }
241
318
  [data-dapp-kit].Button_buttonVariants_size_md__ctbx2n3,
242
319
  [data-dapp-kit] .Button_buttonVariants_size_md__ctbx2n3 {
243
- border-radius: var(--dapp-kit-radii-medium);
320
+ border-radius: var(--dapp-kit-radii-full);
244
321
  padding: 8px 16px;
245
322
  }
246
323
  [data-dapp-kit].Button_buttonVariants_size_lg__ctbx2n4,
247
324
  [data-dapp-kit] .Button_buttonVariants_size_lg__ctbx2n4 {
248
- border-radius: var(--dapp-kit-radii-large);
325
+ border-radius: var(--dapp-kit-radii-full);
249
326
  padding: 16px 24px;
250
327
  }
251
328
 
252
- /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNSB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDYgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkNyB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
253
- [data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
254
- [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
255
- font-size: var(--dapp-kit-fontSizes-small);
256
- }
257
- [data-dapp-kit].Text_textVariants_weight_normal__aprhbd2,
258
- [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {
259
- font-weight: var(--dapp-kit-fontWeights-normal);
260
- }
261
- [data-dapp-kit].Text_textVariants_weight_medium__aprhbd3,
262
- [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {
263
- font-weight: var(--dapp-kit-fontWeights-medium);
264
- }
265
- [data-dapp-kit].Text_textVariants_weight_bold__aprhbd4,
266
- [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
267
- font-weight: var(--dapp-kit-fontWeights-bold);
268
- }
269
- [data-dapp-kit].Text_textVariants_color_muted__aprhbd5,
270
- [data-dapp-kit] .Text_textVariants_color_muted__aprhbd5 {
271
- color: var(--dapp-kit-colors-bodyMuted);
272
- }
273
- [data-dapp-kit].Text_textVariants_color_danger__aprhbd6,
274
- [data-dapp-kit] .Text_textVariants_color_danger__aprhbd6 {
275
- color: var(--dapp-kit-colors-bodyDanger);
276
- }
277
- [data-dapp-kit].Text_textVariants_mono_true__aprhbd7,
278
- [data-dapp-kit] .Text_textVariants_mono_true__aprhbd7 {
279
- font-family:
280
- ui-monospace,
281
- SFMono-Regular,
282
- Menlo,
283
- Monaco,
284
- Consolas,
285
- "Liberation Mono",
286
- "Courier New",
287
- monospace;
288
- }
289
-
290
- /* vanilla-extract-css-ns:src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19jNXExbGwwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19jNXExbGwxIHsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZGFwcC1raXQtcmFkaWktbGFyZ2UpOwp9Ci5Db25uZWN0aW9uU3RhdHVzX3RpdGxlX19jNXExbGwyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX2M1cTFsbDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19yZXRyeUJ1dHRvbkNvbnRhaW5lcl9fYzVxMWxsNCB7CiAgcG9zaXRpb246IGFic29sdXRlOwogIGJvdHRvbTogMjBweDsKICByaWdodDogMjBweDsKfQ== */
291
- [data-dapp-kit].ConnectionStatus_container__c5q1ll0,
292
- [data-dapp-kit] .ConnectionStatus_container__c5q1ll0 {
329
+ /* vanilla-extract-css-ns:src/components/connect-modal/views/GetTheWallet.css.ts.vanilla.css?source=LkdldFRoZVdhbGxldF9jb250YWluZXJfXzFpb21yeW0wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBwYWRkaW5nOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLW1lZGl1bSk7CiAgaGVpZ2h0OiAxMDAlOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy14bGFyZ2UpOwp9Ci5HZXRUaGVXYWxsZXRfY29udGVudF9fMWlvbXJ5bTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGdhcDogdmFyKC0tZGFwcC1raXQtc3BhY2luZy1tZWRpdW0pOwp9Ci5HZXRUaGVXYWxsZXRfdGV4dF9fMWlvbXJ5bTIgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLW1lZGl1bSk7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keSk7Cn0KLkdldFRoZVdhbGxldF9idXR0b25fXzFpb21yeW0zIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiB2YXIoLS1kYXBwLWtpdC1zcGFjaW5nLXhzbWFsbCk7Cn0KLkdldFRoZVdhbGxldF9pY29uX18xaW9tcnltNCB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5KTsKfQ== */
330
+ [data-dapp-kit].GetTheWallet_container__1iomrym0,
331
+ [data-dapp-kit] .GetTheWallet_container__1iomrym0 {
293
332
  display: flex;
294
333
  flex-direction: column;
295
- justify-content: center;
296
334
  align-items: center;
297
- width: 100%;
298
- }
299
- [data-dapp-kit].ConnectionStatus_walletIcon__c5q1ll1,
300
- [data-dapp-kit] .ConnectionStatus_walletIcon__c5q1ll1 {
301
- -o-object-fit: cover;
302
- object-fit: cover;
303
- width: 72px;
304
- height: 72px;
305
- border-radius: var(--dapp-kit-radii-large);
306
- }
307
- [data-dapp-kit].ConnectionStatus_title__c5q1ll2,
308
- [data-dapp-kit] .ConnectionStatus_title__c5q1ll2 {
309
- margin-top: 12px;
310
- }
311
- [data-dapp-kit].ConnectionStatus_connectionStatus__c5q1ll3,
312
- [data-dapp-kit] .ConnectionStatus_connectionStatus__c5q1ll3 {
313
- margin-top: 4px;
314
- }
315
- [data-dapp-kit].ConnectionStatus_retryButtonContainer__c5q1ll4,
316
- [data-dapp-kit] .ConnectionStatus_retryButtonContainer__c5q1ll4 {
317
- position: absolute;
318
- bottom: 20px;
319
- right: 20px;
320
- }
321
-
322
- /* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMWQxbnJtdDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
323
- [data-dapp-kit].InfoSection_container__1d1nrmt0,
324
- [data-dapp-kit] .InfoSection_container__1d1nrmt0 {
325
- display: flex;
326
- flex-direction: column;
327
- gap: 4px;
328
- }
329
-
330
- /* vanilla-extract-css-ns:src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fcXUzNnQ5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLkdldHRpbmdTdGFydGVkX2NvbnRlbnRfX3F1MzZ0OTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0KLkdldHRpbmdTdGFydGVkX2luc3RhbGxCdXR0b25Db250YWluZXJfX3F1MzZ0OTIgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBib3R0b206IDIwcHg7CiAgcmlnaHQ6IDIwcHg7Cn0= */
331
- [data-dapp-kit].GettingStarted_container__qu36t90,
332
- [data-dapp-kit] .GettingStarted_container__qu36t90 {
333
- display: flex;
334
- flex-direction: column;
335
- align-items: center;
336
- }
337
- [data-dapp-kit].GettingStarted_content__qu36t91,
338
- [data-dapp-kit] .GettingStarted_content__qu36t91 {
339
- display: flex;
340
- flex-direction: column;
341
335
  justify-content: center;
342
- flex-grow: 1;
343
- gap: 20px;
344
- padding: 40px;
336
+ padding: var(--dapp-kit-spacing-medium);
337
+ height: 100%;
338
+ gap: var(--dapp-kit-spacing-xlarge);
345
339
  }
346
- [data-dapp-kit].GettingStarted_installButtonContainer__qu36t92,
347
- [data-dapp-kit] .GettingStarted_installButtonContainer__qu36t92 {
348
- position: absolute;
349
- bottom: 20px;
350
- right: 20px;
351
- }
352
-
353
- /* vanilla-extract-css-ns:src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa2RjaW1xMCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWtkY2ltcTEgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0= */
354
- [data-dapp-kit].WhatIsAWallet_container__1kdcimq0,
355
- [data-dapp-kit] .WhatIsAWallet_container__1kdcimq0 {
340
+ [data-dapp-kit].GetTheWallet_content__1iomrym1,
341
+ [data-dapp-kit] .GetTheWallet_content__1iomrym1 {
356
342
  display: flex;
357
343
  flex-direction: column;
358
344
  align-items: center;
345
+ gap: var(--dapp-kit-spacing-medium);
359
346
  }
360
- [data-dapp-kit].WhatIsAWallet_content__1kdcimq1,
361
- [data-dapp-kit] .WhatIsAWallet_content__1kdcimq1 {
362
- display: flex;
363
- flex-direction: column;
364
- justify-content: center;
365
- flex-grow: 1;
366
- gap: 20px;
367
- padding: 40px;
368
- }
369
-
370
- /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdGtkZWd3MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9 */
371
- [data-dapp-kit].WalletList_container__1tkdegw0,
372
- [data-dapp-kit] .WalletList_container__1tkdegw0 {
373
- display: flex;
374
- flex-direction: column;
375
- gap: 4px;
376
- }
377
-
378
- /* vanilla-extract-css-ns:src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMXZydmV6azAgewogIGRpc3BsYXk6IGZsZXg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZmxleC1ncm93OiAxOwogIHBhZGRpbmc6IDhweDsKICBnYXA6IDhweDsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1kYXBwLWtpdC1yYWRpaS1sYXJnZSk7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEl0ZW1fXzF2cnZlemsxOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1kYXBwLWtpdC1iYWNrZ3JvdW5kQ29sb3JzLXdhbGxldEl0ZW1Ib3Zlcik7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkV2FsbGV0SXRlbV9fMXZydmV6azIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtd2FsbGV0SXRlbVNlbGVjdGVkKTsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV93YWxsZXRJY29uX18xdnJ2ZXprMyB7CiAgd2lkdGg6IDI4cHg7CiAgaGVpZ2h0OiAyOHB4OwogIGZsZXgtc2hyaW5rOiAwOwogIG9iamVjdC1maXQ6IGNvdmVyOwogIGJvcmRlci1yYWRpdXM6IHZhcigtLWRhcHAta2l0LXJhZGlpLXNtYWxsKTsKfQ== */
379
- [data-dapp-kit].WalletListItem_container__1vrvezk0,
380
- [data-dapp-kit] .WalletListItem_container__1vrvezk0 {
381
- display: flex;
347
+ [data-dapp-kit].GetTheWallet_text__1iomrym2,
348
+ [data-dapp-kit] .GetTheWallet_text__1iomrym2 {
349
+ font-size: var(--dapp-kit-fontSizes-medium);
350
+ text-align: center;
351
+ color: var(--dapp-kit-colors-body);
382
352
  }
383
- [data-dapp-kit].WalletListItem_walletItem__1vrvezk1,
384
- [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1 {
353
+ [data-dapp-kit].GetTheWallet_button__1iomrym3,
354
+ [data-dapp-kit] .GetTheWallet_button__1iomrym3 {
385
355
  display: flex;
386
356
  align-items: center;
387
- flex-grow: 1;
388
- padding: 8px;
389
- gap: 8px;
390
- border-radius: var(--dapp-kit-radii-large);
391
- }
392
- [data-dapp-kit].WalletListItem_walletItem__1vrvezk1:hover,
393
- [data-dapp-kit] .WalletListItem_walletItem__1vrvezk1:hover {
394
- background-color: var(--dapp-kit-backgroundColors-walletItemHover);
395
- }
396
- [data-dapp-kit].WalletListItem_selectedWalletItem__1vrvezk2,
397
- [data-dapp-kit] .WalletListItem_selectedWalletItem__1vrvezk2 {
398
- background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
399
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
357
+ gap: var(--dapp-kit-spacing-xsmall);
400
358
  }
401
- [data-dapp-kit].WalletListItem_walletIcon__1vrvezk3,
402
- [data-dapp-kit] .WalletListItem_walletIcon__1vrvezk3 {
403
- width: 28px;
404
- height: 28px;
405
- flex-shrink: 0;
406
- -o-object-fit: cover;
407
- object-fit: cover;
408
- border-radius: var(--dapp-kit-radii-small);
359
+ [data-dapp-kit].GetTheWallet_icon__1iomrym4,
360
+ [data-dapp-kit] .GetTheWallet_icon__1iomrym4 {
361
+ color: var(--dapp-kit-colors-body);
409
362
  }
410
363
 
411
- /* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTPW8UMRDt71dMSQpHeyFIwalCaChSUSJ0cuw57+S8Y8sec3sg/jta576U5AIRbiy9+Xrz/Hx+Y22sLJ9zTC6u+Q65LmxkRivotsHFYj52fkjLDn7NALxJGq7SeD37PTt/qX5ArreRxRBj3hfPW/FPRexw1PBxd/7aBo8YXLQmjkoKZqNhGXC8nkG7laOMViiyBhtDHXiKrMlJr2F+1aWWOZhR9Ui+Fw0X3R7MnlhJTBouH6FknCP220WPlwa4j9lhVtk4qkXDD5PfKeVMSmpF0mBSwWSPZy3b2JXPsbJTNoaYnxUcEm6neFHuSIWzV+X5IjjstXnftHlKvBbMqmBAKxo4Mk5grBKI8QA8U9QE8qxIcCgaLLJgfuvq/8z7mzNiVE++D9PDoPveNnm7cCnTYPLmUxWJfJpBWZPYfhu5e0rn8mWLPdQitNwo++hIDSUZi+oeZY3IJyU7RQGTyUbi4Xt8aGN31pyng69Ln4lXGrr/d9PX3dhJnD+CRQwU/AMAAA== */
364
+ /* vanilla-extract-css-ns:src/components/AccountDropdownMenu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUPW/bMBDd/Ss4tgMDOf1Ay0xtOqRDJg8dDZo8S1eLR4I8xpaL/vdClL8Q2YmDahFw9959vEfy5psxPhP/iD5Yv6ZHoDw3nggMg90l5/PppqpdWFbiz0SIWgclnnR8J6XVIcgVskxBG6RabpLTbfv+bvJ3cnOutAPK955YI0E81J2WuluJZGGjxNf9d7EMGk8H9m1hG9/6OJqrRJNceNu9PhScrPqhFLWYQqs7JZYtbO4movylxQiG0ZPqu2ZHfWaNlhslpl+qUJBOb2QDWDesxG11CMYaSbK/QsFXhD7BLXy0EGXUFnMaMfowylbHGga0Nqs6+kxWntfsCLgf1LMnYpUSQVuLVF8x3AuK/2RwB7k/FrlzgigTtGBYCfIEfTOfuUWCY2Bkim6xJokMLilhgBjitbI4sJhdWWrpiWXCLYygfWaGW0gj+Hpn8BnCr5JKknx0evCpBeZ+wUGlEYu74OuoQ9PJATkbgAMXCQ7n6QUiEjwU1FVGvdkm1fgniMWst5+jENHp2H3PzJ4e+kJlSJNj6unB42DdhWnSGtk0u8zj89E+nb+wv3NiXHbSDPdbiX51kAvgNQBdPD2XRoCgo2Z/fLo+l7Z7Y6bh+EqkJiKtlKj+/9LN9m17q/4BQ/VQ4bMFAAA= */
412
365
  [data-dapp-kit].AccountDropdownMenu_connectedAccount__1x0gmpf0,
413
366
  [data-dapp-kit] .AccountDropdownMenu_connectedAccount__1x0gmpf0 {
414
- gap: 8px;
367
+ gap: var(--dapp-kit-spacing-xsmall);
415
368
  }
416
369
  [data-dapp-kit].AccountDropdownMenu_menuContainer__1x0gmpf1,
417
370
  [data-dapp-kit] .AccountDropdownMenu_menuContainer__1x0gmpf1 {
418
371
  z-index: 999999999;
419
372
  }
420
- [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf2,
421
- [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf2 {
373
+ [data-dapp-kit].AccountDropdownMenu_icon__1x0gmpf2,
374
+ [data-dapp-kit] .AccountDropdownMenu_icon__1x0gmpf2 {
375
+ color: var(--dapp-kit-colors-body);
376
+ }
377
+ [data-dapp-kit].AccountDropdownMenu_menuContent__1x0gmpf3,
378
+ [data-dapp-kit] .AccountDropdownMenu_menuContent__1x0gmpf3 {
422
379
  display: flex;
423
380
  flex-direction: column;
424
381
  width: 180px;
425
382
  max-height: 200px;
426
- margin-top: 4px;
427
- padding: 8px;
428
- gap: 8px;
383
+ margin-top: var(--dapp-kit-spacing-xsmall);
384
+ gap: var(--dapp-kit-spacing-xxsmall);
429
385
  border-radius: var(--dapp-kit-radii-large);
430
386
  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
387
+ padding: var(--dapp-kit-spacing-xxsmall);
431
388
  }
432
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3,
433
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3 {
434
- padding: 8px;
389
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4,
390
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4 {
435
391
  -webkit-user-select: none;
436
392
  -moz-user-select: none;
437
393
  user-select: none;
438
394
  outline: none;
439
395
  display: flex;
440
396
  align-items: center;
441
- border-radius: var(--dapp-kit-radii-large);
397
+ border-radius: var(--dapp-kit-radii-medium);
398
+ font-size: var(--dapp-kit-fontSizes-medium);
399
+ font-weight: var(--dapp-kit-fontWeights-normal);
400
+ letter-spacing: var(--dapp-kit-typography-letterSpacing);
401
+ line-height: var(--dapp-kit-typography-lineHeight);
402
+ padding: var(--dapp-kit-spacing-small);
442
403
  }
443
- [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted],
444
- [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf3[data-highlighted] {
445
- background-color: var(--dapp-kit-backgroundColors-primaryButton);
404
+ [data-dapp-kit].AccountDropdownMenu_menuItem__1x0gmpf4:hover,
405
+ [data-dapp-kit] .AccountDropdownMenu_menuItem__1x0gmpf4:hover {
406
+ background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
407
+ cursor: pointer;
446
408
  }
447
- [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4,
448
- [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf4 {
409
+ [data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5,
410
+ [data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__1x0gmpf5 {
449
411
  display: flex;
450
412
  justify-content: space-between;
451
413
  align-items: center;
452
414
  }
453
- [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf5,
454
- [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf5 {
415
+ [data-dapp-kit].AccountDropdownMenu_separator__1x0gmpf6,
416
+ [data-dapp-kit] .AccountDropdownMenu_separator__1x0gmpf6 {
455
417
  height: 1px;
456
418
  flex-shrink: 0;
457
419
  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
458
420
  }
421
+
422
+ /* vanilla-extract-css-ns:src/components/ui/Text.css.ts.vanilla.css?source=LlRleHRfdGV4dFZhcmlhbnRzX3NpemVfc21fX2FwcmhiZDEgewogIGZvbnQtc2l6ZTogdmFyKC0tZGFwcC1raXQtZm9udFNpemVzLXNtYWxsKTsKfQouVGV4dF90ZXh0VmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fYXByaGJkMiB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLW5vcm1hbCk7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX3dlaWdodF9tZWRpdW1fX2FwcmhiZDMgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1tZWRpdW0pOwp9Ci5UZXh0X3RleHRWYXJpYW50c193ZWlnaHRfYm9sZF9fYXByaGJkNCB7CiAgZm9udC13ZWlnaHQ6IHZhcigtLWRhcHAta2l0LWZvbnRXZWlnaHRzLWJvbGQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9ib2R5X19hcHJoYmQ1IHsKICBjb2xvcjogdmFyKC0tZGFwcC1raXQtY29sb3JzLWJvZHkpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9tdXRlZF9fYXByaGJkNiB7CiAgY29sb3I6IHZhcigtLWRhcHAta2l0LWNvbG9ycy1ib2R5TXV0ZWQpOwp9Ci5UZXh0X3RleHRWYXJpYW50c19jb2xvcl9kYW5nZXJfX2FwcmhiZDcgewogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtYm9keURhbmdlcik7Cn0KLlRleHRfdGV4dFZhcmlhbnRzX21vbm9fdHJ1ZV9fYXByaGJkOCB7CiAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwp9 */
423
+ [data-dapp-kit].Text_textVariants_size_sm__aprhbd1,
424
+ [data-dapp-kit] .Text_textVariants_size_sm__aprhbd1 {
425
+ font-size: var(--dapp-kit-fontSizes-small);
426
+ }
427
+ [data-dapp-kit].Text_textVariants_weight_normal__aprhbd2,
428
+ [data-dapp-kit] .Text_textVariants_weight_normal__aprhbd2 {
429
+ font-weight: var(--dapp-kit-fontWeights-normal);
430
+ }
431
+ [data-dapp-kit].Text_textVariants_weight_medium__aprhbd3,
432
+ [data-dapp-kit] .Text_textVariants_weight_medium__aprhbd3 {
433
+ font-weight: var(--dapp-kit-fontWeights-medium);
434
+ }
435
+ [data-dapp-kit].Text_textVariants_weight_bold__aprhbd4,
436
+ [data-dapp-kit] .Text_textVariants_weight_bold__aprhbd4 {
437
+ font-weight: var(--dapp-kit-fontWeights-bold);
438
+ }
439
+ [data-dapp-kit].Text_textVariants_color_body__aprhbd5,
440
+ [data-dapp-kit] .Text_textVariants_color_body__aprhbd5 {
441
+ color: var(--dapp-kit-colors-body);
442
+ }
443
+ [data-dapp-kit].Text_textVariants_color_muted__aprhbd6,
444
+ [data-dapp-kit] .Text_textVariants_color_muted__aprhbd6 {
445
+ color: var(--dapp-kit-colors-bodyMuted);
446
+ }
447
+ [data-dapp-kit].Text_textVariants_color_danger__aprhbd7,
448
+ [data-dapp-kit] .Text_textVariants_color_danger__aprhbd7 {
449
+ color: var(--dapp-kit-colors-bodyDanger);
450
+ }
451
+ [data-dapp-kit].Text_textVariants_mono_true__aprhbd8,
452
+ [data-dapp-kit] .Text_textVariants_mono_true__aprhbd8 {
453
+ font-family:
454
+ ui-monospace,
455
+ SFMono-Regular,
456
+ Menlo,
457
+ Monaco,
458
+ Consolas,
459
+ "Liberation Mono",
460
+ "Courier New",
461
+ monospace;
462
+ }
459
463
  /*# sourceMappingURL=index.css.map */