@funkit/connect 1.2.2 → 1.2.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/CHANGELOG.md +17 -0
- package/dist/{chunk-UDJBGTFV.js → chunk-FRT63PFR.js} +5 -3
- package/dist/{chunk-FECCKVZV.js → chunk-I24HX4XM.js} +27 -0
- package/dist/{chunk-RRG76BJM.js → chunk-ICLRFHOV.js} +5 -3
- package/dist/components/Box/Box.d.ts +38 -38
- package/dist/components/Dialog/DialogContent.d.ts +1 -2
- package/dist/components/FunKeyValue/FunKeyValue.d.ts +3 -1
- package/dist/components/FunkitProvider/FunkitConfigContext.d.ts +3 -1
- package/dist/components/FunkitProvider/FunkitProvider.d.ts +2 -0
- package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts +168 -8
- package/dist/css/sprinkles.css.d.ts +122 -42
- package/dist/index.css +929 -839
- package/dist/index.js +1266 -1252
- package/dist/themes/baseTheme.d.ts +3 -1
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.d.ts +42 -2
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.d.ts +42 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/wallets/walletConnectors/index.js +47 -47
- package/package.json +4 -4
|
@@ -29,6 +29,10 @@ export declare const defaultTheme: {
|
|
|
29
29
|
profileActionHover: string;
|
|
30
30
|
profileForeground: string;
|
|
31
31
|
selectedOptionBorder: string;
|
|
32
|
+
paymentOptionBorderBase: string;
|
|
33
|
+
paymentOptionBorderHover: string;
|
|
34
|
+
paymentOptionBorderActive: string;
|
|
35
|
+
paymentOptionBorderActiveHover: string;
|
|
32
36
|
standby: string;
|
|
33
37
|
solidLine: string;
|
|
34
38
|
leftTranslucentLine: string;
|
|
@@ -49,8 +53,6 @@ export declare const defaultTheme: {
|
|
|
49
53
|
inputFieldDisabled: string;
|
|
50
54
|
optionBackground: string;
|
|
51
55
|
optionBackgroundSecondary: string;
|
|
52
|
-
strokePrimary: string;
|
|
53
|
-
strokeSecondary: string;
|
|
54
56
|
buttonPrimary: string;
|
|
55
57
|
buttonProcessing: string;
|
|
56
58
|
buttonDisabled: string;
|
|
@@ -72,6 +74,44 @@ export declare const defaultTheme: {
|
|
|
72
74
|
walletLogo: string;
|
|
73
75
|
};
|
|
74
76
|
moonpayTheme: string;
|
|
77
|
+
fontSize: {
|
|
78
|
+
'10': {
|
|
79
|
+
fontSize: string;
|
|
80
|
+
lineHeight: string;
|
|
81
|
+
};
|
|
82
|
+
'12': {
|
|
83
|
+
fontSize: string;
|
|
84
|
+
lineHeight: string;
|
|
85
|
+
};
|
|
86
|
+
'13': {
|
|
87
|
+
fontSize: string;
|
|
88
|
+
lineHeight: string;
|
|
89
|
+
};
|
|
90
|
+
'14': {
|
|
91
|
+
fontSize: string;
|
|
92
|
+
lineHeight: string;
|
|
93
|
+
};
|
|
94
|
+
'16': {
|
|
95
|
+
fontSize: string;
|
|
96
|
+
lineHeight: string;
|
|
97
|
+
};
|
|
98
|
+
'18': {
|
|
99
|
+
fontSize: string;
|
|
100
|
+
lineHeight: string;
|
|
101
|
+
};
|
|
102
|
+
'20': {
|
|
103
|
+
fontSize: string;
|
|
104
|
+
lineHeight: string;
|
|
105
|
+
};
|
|
106
|
+
'23': {
|
|
107
|
+
fontSize: string;
|
|
108
|
+
lineHeight: string;
|
|
109
|
+
};
|
|
110
|
+
'57': {
|
|
111
|
+
fontSize: string;
|
|
112
|
+
lineHeight: string;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
75
115
|
fontWeight: {
|
|
76
116
|
regular: string;
|
|
77
117
|
medium: string;
|
|
@@ -135,6 +175,10 @@ export declare const useActiveTheme: () => {
|
|
|
135
175
|
profileActionHover: string;
|
|
136
176
|
profileForeground: string;
|
|
137
177
|
selectedOptionBorder: string;
|
|
178
|
+
paymentOptionBorderBase: string;
|
|
179
|
+
paymentOptionBorderHover: string;
|
|
180
|
+
paymentOptionBorderActive: string;
|
|
181
|
+
paymentOptionBorderActiveHover: string;
|
|
138
182
|
standby: string;
|
|
139
183
|
solidLine: string;
|
|
140
184
|
leftTranslucentLine: string;
|
|
@@ -155,8 +199,6 @@ export declare const useActiveTheme: () => {
|
|
|
155
199
|
inputFieldDisabled: string;
|
|
156
200
|
optionBackground: string;
|
|
157
201
|
optionBackgroundSecondary: string;
|
|
158
|
-
strokePrimary: string;
|
|
159
|
-
strokeSecondary: string;
|
|
160
202
|
buttonPrimary: string;
|
|
161
203
|
buttonProcessing: string;
|
|
162
204
|
buttonDisabled: string;
|
|
@@ -179,6 +221,44 @@ export declare const useActiveTheme: () => {
|
|
|
179
221
|
bold: string;
|
|
180
222
|
heavy: string;
|
|
181
223
|
};
|
|
224
|
+
fontSize: {
|
|
225
|
+
'10': {
|
|
226
|
+
fontSize: string;
|
|
227
|
+
lineHeight: string;
|
|
228
|
+
};
|
|
229
|
+
'12': {
|
|
230
|
+
fontSize: string;
|
|
231
|
+
lineHeight: string;
|
|
232
|
+
};
|
|
233
|
+
'13': {
|
|
234
|
+
fontSize: string;
|
|
235
|
+
lineHeight: string;
|
|
236
|
+
};
|
|
237
|
+
'14': {
|
|
238
|
+
fontSize: string;
|
|
239
|
+
lineHeight: string;
|
|
240
|
+
};
|
|
241
|
+
'16': {
|
|
242
|
+
fontSize: string;
|
|
243
|
+
lineHeight: string;
|
|
244
|
+
};
|
|
245
|
+
'18': {
|
|
246
|
+
fontSize: string;
|
|
247
|
+
lineHeight: string;
|
|
248
|
+
};
|
|
249
|
+
'20': {
|
|
250
|
+
fontSize: string;
|
|
251
|
+
lineHeight: string;
|
|
252
|
+
};
|
|
253
|
+
'23': {
|
|
254
|
+
fontSize: string;
|
|
255
|
+
lineHeight: string;
|
|
256
|
+
};
|
|
257
|
+
'57': {
|
|
258
|
+
fontSize: string;
|
|
259
|
+
lineHeight: string;
|
|
260
|
+
};
|
|
261
|
+
};
|
|
182
262
|
radii: {
|
|
183
263
|
actionButton: string;
|
|
184
264
|
connectButton: string;
|
|
@@ -229,6 +309,10 @@ export declare const useActiveTheme: () => {
|
|
|
229
309
|
profileActionHover: string;
|
|
230
310
|
profileForeground: string;
|
|
231
311
|
selectedOptionBorder: string;
|
|
312
|
+
paymentOptionBorderBase: string;
|
|
313
|
+
paymentOptionBorderHover: string;
|
|
314
|
+
paymentOptionBorderActive: string;
|
|
315
|
+
paymentOptionBorderActiveHover: string;
|
|
232
316
|
standby: string;
|
|
233
317
|
solidLine: string;
|
|
234
318
|
leftTranslucentLine: string;
|
|
@@ -249,8 +333,6 @@ export declare const useActiveTheme: () => {
|
|
|
249
333
|
inputFieldDisabled: string;
|
|
250
334
|
optionBackground: string;
|
|
251
335
|
optionBackgroundSecondary: string;
|
|
252
|
-
strokePrimary: string;
|
|
253
|
-
strokeSecondary: string;
|
|
254
336
|
buttonPrimary: string;
|
|
255
337
|
buttonProcessing: string;
|
|
256
338
|
buttonDisabled: string;
|
|
@@ -273,6 +355,44 @@ export declare const useActiveTheme: () => {
|
|
|
273
355
|
bold: string;
|
|
274
356
|
heavy: string;
|
|
275
357
|
};
|
|
358
|
+
fontSize: {
|
|
359
|
+
'10': {
|
|
360
|
+
fontSize: string;
|
|
361
|
+
lineHeight: string;
|
|
362
|
+
};
|
|
363
|
+
'12': {
|
|
364
|
+
fontSize: string;
|
|
365
|
+
lineHeight: string;
|
|
366
|
+
};
|
|
367
|
+
'13': {
|
|
368
|
+
fontSize: string;
|
|
369
|
+
lineHeight: string;
|
|
370
|
+
};
|
|
371
|
+
'14': {
|
|
372
|
+
fontSize: string;
|
|
373
|
+
lineHeight: string;
|
|
374
|
+
};
|
|
375
|
+
'16': {
|
|
376
|
+
fontSize: string;
|
|
377
|
+
lineHeight: string;
|
|
378
|
+
};
|
|
379
|
+
'18': {
|
|
380
|
+
fontSize: string;
|
|
381
|
+
lineHeight: string;
|
|
382
|
+
};
|
|
383
|
+
'20': {
|
|
384
|
+
fontSize: string;
|
|
385
|
+
lineHeight: string;
|
|
386
|
+
};
|
|
387
|
+
'23': {
|
|
388
|
+
fontSize: string;
|
|
389
|
+
lineHeight: string;
|
|
390
|
+
};
|
|
391
|
+
'57': {
|
|
392
|
+
fontSize: string;
|
|
393
|
+
lineHeight: string;
|
|
394
|
+
};
|
|
395
|
+
};
|
|
276
396
|
radii: {
|
|
277
397
|
actionButton: string;
|
|
278
398
|
connectButton: string;
|
|
@@ -322,6 +442,10 @@ export declare const useActiveTheme: () => {
|
|
|
322
442
|
profileActionHover: string;
|
|
323
443
|
profileForeground: string;
|
|
324
444
|
selectedOptionBorder: string;
|
|
445
|
+
paymentOptionBorderBase: string;
|
|
446
|
+
paymentOptionBorderHover: string;
|
|
447
|
+
paymentOptionBorderActive: string;
|
|
448
|
+
paymentOptionBorderActiveHover: string;
|
|
325
449
|
standby: string;
|
|
326
450
|
solidLine: string;
|
|
327
451
|
leftTranslucentLine: string;
|
|
@@ -342,8 +466,6 @@ export declare const useActiveTheme: () => {
|
|
|
342
466
|
inputFieldDisabled: string;
|
|
343
467
|
optionBackground: string;
|
|
344
468
|
optionBackgroundSecondary: string;
|
|
345
|
-
strokePrimary: string;
|
|
346
|
-
strokeSecondary: string;
|
|
347
469
|
buttonPrimary: string;
|
|
348
470
|
buttonProcessing: string;
|
|
349
471
|
buttonDisabled: string;
|
|
@@ -366,6 +488,44 @@ export declare const useActiveTheme: () => {
|
|
|
366
488
|
bold: string;
|
|
367
489
|
heavy: string;
|
|
368
490
|
};
|
|
491
|
+
fontSize: {
|
|
492
|
+
'10': {
|
|
493
|
+
fontSize: string;
|
|
494
|
+
lineHeight: string;
|
|
495
|
+
};
|
|
496
|
+
'12': {
|
|
497
|
+
fontSize: string;
|
|
498
|
+
lineHeight: string;
|
|
499
|
+
};
|
|
500
|
+
'13': {
|
|
501
|
+
fontSize: string;
|
|
502
|
+
lineHeight: string;
|
|
503
|
+
};
|
|
504
|
+
'14': {
|
|
505
|
+
fontSize: string;
|
|
506
|
+
lineHeight: string;
|
|
507
|
+
};
|
|
508
|
+
'16': {
|
|
509
|
+
fontSize: string;
|
|
510
|
+
lineHeight: string;
|
|
511
|
+
};
|
|
512
|
+
'18': {
|
|
513
|
+
fontSize: string;
|
|
514
|
+
lineHeight: string;
|
|
515
|
+
};
|
|
516
|
+
'20': {
|
|
517
|
+
fontSize: string;
|
|
518
|
+
lineHeight: string;
|
|
519
|
+
};
|
|
520
|
+
'23': {
|
|
521
|
+
fontSize: string;
|
|
522
|
+
lineHeight: string;
|
|
523
|
+
};
|
|
524
|
+
'57': {
|
|
525
|
+
fontSize: string;
|
|
526
|
+
lineHeight: string;
|
|
527
|
+
};
|
|
528
|
+
};
|
|
369
529
|
radii: {
|
|
370
530
|
actionButton: string;
|
|
371
531
|
connectButton: string;
|