diff --git a/.changeset/itchy-lands-stare.md b/.changeset/itchy-lands-stare.md
new file mode 100644
index 000000000..448cc97ba
--- /dev/null
+++ b/.changeset/itchy-lands-stare.md
@@ -0,0 +1,5 @@
+---
+'@ant-design/web3': patch
+---
+
+fix: When a wireframe token is present, adapt the style of the connect-modal accordingly.
diff --git a/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap b/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap
deleted file mode 100644
index 660a47570..000000000
--- a/packages/icons/src/__tests__/__snapshots__/index.test.tsx.snap
+++ /dev/null
@@ -1,64386 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Test Icons > should render all icons 1`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 2`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 3`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 4`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 5`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 6`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 7`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 8`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 9`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 10`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 11`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 12`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 13`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 14`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 15`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 16`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 17`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 18`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 19`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 20`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 21`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 22`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 23`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 24`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 25`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 26`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 27`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 28`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 29`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 30`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 31`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 32`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 33`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 34`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 35`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 36`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 37`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 38`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 39`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 40`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 41`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 42`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 43`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 44`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 45`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 46`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 47`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 48`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 49`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 50`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 51`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 52`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 53`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 54`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 55`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 56`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 57`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 58`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 59`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 60`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 61`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 62`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 63`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 64`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 65`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 66`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 67`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 68`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 69`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 70`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 71`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 72`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 73`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 74`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 75`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 76`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 77`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 78`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 79`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 80`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 81`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 82`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 83`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 84`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 85`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 86`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 87`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 88`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 89`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 90`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 91`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 92`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 93`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 94`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 95`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 96`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 97`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 98`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 99`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 100`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 101`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 102`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 103`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 104`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 105`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 106`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 107`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 108`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 109`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 110`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 111`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 112`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 113`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 114`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 115`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 116`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 117`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 118`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 119`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 120`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 121`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 122`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 123`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 124`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 125`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 126`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 127`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 128`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 129`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 130`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 131`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 132`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 133`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 134`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 135`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 136`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 137`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 138`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 139`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 140`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 141`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 142`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 143`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 144`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 145`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 146`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 147`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 148`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 149`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 150`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 151`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 152`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 153`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 154`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 155`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 156`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 157`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 158`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 159`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 160`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 161`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 162`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 163`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 164`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 165`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 166`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 167`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 168`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 169`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 170`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 171`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 172`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 173`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 174`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 175`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 176`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 177`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 178`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 179`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 180`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 181`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 182`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 183`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 184`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 185`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 186`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 187`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 188`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 189`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 190`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 191`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 192`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 193`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 194`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 195`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 196`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 197`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 198`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 199`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 200`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 201`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 202`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 203`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 204`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 205`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 206`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 207`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 208`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 209`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 210`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 211`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 212`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 213`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 214`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 215`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 216`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 217`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 218`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 219`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 220`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 221`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 222`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 223`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 224`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 225`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 226`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 227`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 228`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 229`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 230`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 231`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 232`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 233`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 234`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 235`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 236`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 237`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 238`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 239`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 240`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 241`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 242`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 243`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 244`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 245`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 246`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 247`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 248`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 249`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 250`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 251`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 252`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 253`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 254`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 255`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 256`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 257`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 258`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 259`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 260`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 261`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 262`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 263`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 264`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 265`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 266`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 267`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 268`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 269`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 270`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 271`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 272`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 273`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 274`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 275`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 276`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 277`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 278`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 279`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 280`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 281`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 282`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 283`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 284`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 285`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 286`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 287`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 288`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 289`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 290`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 291`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 292`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 293`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 294`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 295`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 296`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 297`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 298`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 299`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 300`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 301`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 302`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 303`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 304`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 305`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 306`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 307`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 308`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 309`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 310`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 311`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 312`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 313`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 314`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 315`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 316`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 317`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 318`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 319`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 320`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 321`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 322`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 323`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 324`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 325`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 326`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 327`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 328`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 329`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 330`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 331`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 332`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 333`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 334`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 335`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 336`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 337`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 338`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 339`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 340`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 341`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 342`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 343`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 344`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 345`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 346`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 347`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 348`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 349`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 350`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 351`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 352`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 353`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 354`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 355`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 356`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 357`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 358`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 359`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 360`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 361`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 362`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 363`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 364`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 365`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 366`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 367`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 368`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 369`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 370`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 371`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 372`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 373`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 374`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 375`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 376`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 377`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 378`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 379`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 380`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 381`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 382`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 383`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 384`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 385`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 386`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 387`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 388`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 389`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 390`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 391`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 392`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 393`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 394`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 395`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 396`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 397`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 398`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 399`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 400`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 401`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 402`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 403`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 404`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 405`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 406`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 407`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 408`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 409`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 410`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 411`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 412`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 413`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 414`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 415`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 416`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 417`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 418`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 419`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 420`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 421`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 422`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 423`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 424`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 425`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 426`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 427`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 428`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 429`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 430`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 431`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 432`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 433`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 434`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 435`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 436`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 437`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 438`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 439`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 440`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 441`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 442`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 443`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 444`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 445`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 446`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 447`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 448`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 449`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 450`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 451`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 452`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 453`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 454`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 455`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 456`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 457`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 458`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 459`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 460`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 461`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 462`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 463`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 464`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 465`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 466`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 467`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 468`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 469`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 470`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 471`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 472`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 473`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 474`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 475`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 476`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 477`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 478`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 479`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 480`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 481`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 482`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 483`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 484`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 485`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 486`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 487`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 488`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 489`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 490`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 491`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 492`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 493`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 494`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 495`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 496`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 497`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 498`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 499`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 500`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 501`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 502`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 503`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 504`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 505`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 506`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 507`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 508`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 509`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 510`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 511`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 512`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 513`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 514`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 515`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 516`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 517`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 518`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 519`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 520`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 521`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 522`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 523`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 524`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 525`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 526`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 527`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 528`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 529`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 530`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 531`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 532`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 533`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 534`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 535`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 536`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 537`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 538`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 539`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 540`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 541`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 542`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 543`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 544`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 545`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 546`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 547`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 548`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 549`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 550`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 551`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 552`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 553`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 554`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 555`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 556`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 557`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 558`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 559`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 560`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 561`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 562`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 563`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 564`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 565`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 566`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 567`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 568`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 569`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 570`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 571`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 572`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 573`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 574`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 575`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 576`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 577`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 578`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 579`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 580`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 581`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 582`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 583`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 584`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 585`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 586`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 587`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 588`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 589`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 590`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 591`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 592`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 593`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 594`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 595`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 596`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 597`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 598`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 599`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 600`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 601`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 602`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 603`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 604`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 605`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 606`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 607`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 608`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 609`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 610`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 611`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 612`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 613`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 614`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 615`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 616`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 617`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 618`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 619`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 620`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 621`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 622`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 623`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 624`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 625`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 626`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 627`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 628`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 629`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 630`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 631`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 632`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 633`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 634`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 635`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 636`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 637`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 638`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 639`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 640`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 641`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 642`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 643`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 644`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 645`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 646`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 647`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 648`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 649`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 650`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 651`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 652`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 653`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 654`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 655`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 656`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 657`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 658`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 659`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 660`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 661`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 662`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 663`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 664`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 665`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 666`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 667`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 668`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 669`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 670`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 671`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 672`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 673`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 674`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 675`] = `
-
-
-
-`;
-
-exports[`Test Icons > should render all icons 676`] = `
-
-
-
-`;
diff --git a/packages/web3/src/connect-modal/__tests__/theme.test.tsx b/packages/web3/src/connect-modal/__tests__/theme.test.tsx
index a6e864c4f..c653d5fdc 100644
--- a/packages/web3/src/connect-modal/__tests__/theme.test.tsx
+++ b/packages/web3/src/connect-modal/__tests__/theme.test.tsx
@@ -12,6 +12,7 @@ describe('ConnectModal theme', () => {
theme={{
token: {
colorPrimary: '#8442ff',
+ wireframe: true,
},
components: {
Button: {
@@ -48,5 +49,11 @@ describe('ConnectModal theme', () => {
);
expect(buttonStyle.borderRadius).toBe('24px');
expect(buttonStyle.backgroundColor).toBe('rgb(255, 255, 255)');
+
+ const headerStyle = window.getComputedStyle(
+ baseElement.querySelector('.ant-web3-connect-modal-header')!,
+ );
+ expect(headerStyle.borderBlockEnd).toBe('1px solid rgba(0, 0, 0, 0.06)');
+ expect(headerStyle.paddingBlockEnd).toBe('24px');
});
});
diff --git a/packages/web3/src/connect-modal/demos/wireframe.tsx b/packages/web3/src/connect-modal/demos/wireframe.tsx
new file mode 100644
index 000000000..ac1156ca4
--- /dev/null
+++ b/packages/web3/src/connect-modal/demos/wireframe.tsx
@@ -0,0 +1,85 @@
+import React from 'react';
+import type { ConnectModalProps } from '@ant-design/web3';
+import { ConnectModal } from '@ant-design/web3';
+import { metadata_MetaMask, metadata_WalletConnect } from '@ant-design/web3-assets';
+import { Button, ConfigProvider } from 'antd';
+
+import type { Wallet } from '../interface';
+
+const walletList: Wallet[] = [
+ metadata_MetaMask,
+ {
+ ...metadata_WalletConnect,
+ getQrCode: () => {
+ return new Promise<{
+ uri: string;
+ }>((resolve) =>
+ setTimeout(
+ () =>
+ resolve({
+ uri: `https://ant.design/docs/react/migrate-less-variables-cn#avatar-%E5%A4%B4%E5%83%8F?timestamp=${Date.now()}&random=${Math.random()}`,
+ }),
+ 2000,
+ ),
+ );
+ },
+ },
+ {
+ icon: 'https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*8LhqSZ_KatsAAAAAAAAAAAAAelrGAQ/fmt.webp',
+ name: 'Test Wallet3',
+ remark: 'remark 3',
+ app: {
+ link: 'https://test.com/xxx',
+ },
+ getQrCode: () => {
+ return new Promise<{
+ uri: string;
+ }>((resolve) =>
+ setTimeout(
+ () =>
+ resolve({
+ uri: `https://ant.design/docs/react/migrate-less-variables-cn#avatar-%E5%A4%B4%E5%83%8F?timestamp=${Date.now()}&random=${Math.random()}`,
+ }),
+ 2000,
+ ),
+ );
+ },
+ },
+];
+const groupOrder = (a: string, b: string) => {
+ if (a === 'Popular') return -1;
+ if (b === 'Popular') return 1;
+ return a.localeCompare(b);
+};
+
+const App: React.FC = (props) => {
+ const [open, setOpen] = React.useState(false);
+
+ return (
+ <>
+
+
+ setOpen(false)}
+ mode="simple"
+ {...props}
+ />
+
+
+ );
+};
+
+export default App;
diff --git a/packages/web3/src/connect-modal/index.md b/packages/web3/src/connect-modal/index.md
index 3e8308511..304dd9c0c 100644
--- a/packages/web3/src/connect-modal/index.md
+++ b/packages/web3/src/connect-modal/index.md
@@ -1,8 +1,5 @@
----
-nav: Components
-group: UI Components
-cover: https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*mUC3SYLpq0AAAAAAAAAAAAAADlrGAQ/original
-coverDark: https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*dmHOSI_kdd0AAAAAAAAAAAAADlrGAQ/original
+c--- nav: Components group: UI Components cover: https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*mUC3SYLpq0AAAAAAAAAAAAAADlrGAQ/original coverDark: https://mdn.alipayobjects.com/huamei_mutawc/afts/img/A*dmHOSI_kdd0AAAAAAAAAAAAADlrGAQ/original
+
---
# ConnectModal
@@ -31,6 +28,10 @@ The connection wallet popup, used with [ConnectButton](../connect-button/index.m