@wormhole-foundation/wormhole-connect 0.0.1-beta.2 → 0.0.1-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -8
- package/dist/main.js +2 -2
- package/lib/index.d.ts +11 -0
- package/lib/index.js +2 -2
- package/lib/theme.d.ts +89 -0
- package/lib/theme.js +13 -13
- package/lib/types.d.ts +42 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -68,8 +68,8 @@ import { dark, light, Theme } from '@wormhole-foundation/wormhole-connect';
|
|
|
68
68
|
|
|
69
69
|
```html
|
|
70
70
|
<!-- paste below into index.html body -->
|
|
71
|
-
<script src="https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.1-beta.
|
|
72
|
-
<link
|
|
71
|
+
<script src="https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.1-beta.3/dist/main.js"></script>
|
|
72
|
+
<link href="https://www.unpkg.com/@wormhole-foundation/wormhole-connect@0.0.1-beta.3/dist/main.css" />
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
### 3. Embed it in your application
|
|
@@ -98,8 +98,8 @@ function App() {
|
|
|
98
98
|
|
|
99
99
|
Specify networks/tokens (optional)
|
|
100
100
|
```jsx
|
|
101
|
-
import WormholeBridge from '@wormhole-foundation/wormhole-connect';
|
|
102
|
-
const config = {
|
|
101
|
+
import WormholeBridge, { WormholeConnectConfig } from '@wormhole-foundation/wormhole-connect';
|
|
102
|
+
const config: WormholeConnectConfig = {
|
|
103
103
|
environment: "mainnet",
|
|
104
104
|
networks: ["ethereum", "polygon", "solana"],
|
|
105
105
|
tokens: ["ETH", "WETH", "MATIC", "WMATIC"],
|
|
@@ -114,14 +114,17 @@ function App() {
|
|
|
114
114
|
|
|
115
115
|
Customize theme (optional)
|
|
116
116
|
```jsx
|
|
117
|
-
import WormholeBridge, { light, Theme } from '@wormhole-foundation/wormhole-connect';
|
|
117
|
+
import WormholeBridge, { light, Theme, WormholeConnectConfig } from '@wormhole-foundation/wormhole-connect';
|
|
118
118
|
import lightblue from '@mui/material/colors/lightBlue';
|
|
119
119
|
|
|
120
120
|
// alters the `light` theme
|
|
121
121
|
const customized: Theme = light;
|
|
122
122
|
customized.success = lightblue;
|
|
123
123
|
customized.background.default = 'transparent';
|
|
124
|
-
|
|
124
|
+
customized.button.action = '#81c784';
|
|
125
|
+
customized.button.actionText = '#000000';
|
|
126
|
+
|
|
127
|
+
const config: WormholeConnectConfig = {
|
|
125
128
|
mode: 'light',
|
|
126
129
|
customTheme: customized,
|
|
127
130
|
}
|
|
@@ -135,7 +138,7 @@ function App() {
|
|
|
135
138
|
|
|
136
139
|
Create fully customized theme (optional)
|
|
137
140
|
```jsx
|
|
138
|
-
import WormholeBridge, { Theme, OPACITY } from '@wormhole-foundation/wormhole-connect';
|
|
141
|
+
import WormholeBridge, { Theme, OPACITY, WormholeConnectConfig } from '@wormhole-foundation/wormhole-connect';
|
|
139
142
|
import lightblue from '@mui/material/colors/lightBlue';
|
|
140
143
|
import grey from '@mui/material/colors/grey';
|
|
141
144
|
import green from '@mui/material/colors/green';
|
|
@@ -183,7 +186,7 @@ const customized: Theme = {
|
|
|
183
186
|
background: '#474747',
|
|
184
187
|
},
|
|
185
188
|
};
|
|
186
|
-
const config = {
|
|
189
|
+
const config: WormholeConnectConfig = {
|
|
187
190
|
mode: 'dark',
|
|
188
191
|
customTheme: customized,
|
|
189
192
|
}
|