@relayprotocol/relay-kit-ui 6.0.0 → 6.0.2
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/_cjs/src/components/common/MultiWalletDropdown.js +7 -3
- package/_cjs/src/components/common/MultiWalletDropdown.js.map +1 -1
- package/_cjs/src/components/common/SlippageToleranceConfig.js +11 -2
- package/_cjs/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_cjs/src/components/common/TokenSelector/PaymentMethod.js +11 -18
- package/_cjs/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
- package/_cjs/src/components/primitives/Button.js +1 -1
- package/_cjs/src/components/widgets/SwapButton.js +23 -11
- package/_cjs/src/components/widgets/SwapButton.js.map +1 -1
- package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js +6 -11
- package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js.map +1 -1
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +3 -2
- package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +1 -1
- package/_cjs/src/components/widgets/TokenWidget/widget/index.js +72 -115
- package/_cjs/src/components/widgets/TokenWidget/widget/index.js.map +1 -1
- package/_cjs/src/hooks/useGasTopUpRequired.js +3 -3
- package/_cjs/src/hooks/useGasTopUpRequired.js.map +1 -1
- package/_cjs/src/hooks/useMultiWalletBalances.js +12 -10
- package/_cjs/src/hooks/useMultiWalletBalances.js.map +1 -1
- package/_cjs/src/styles.css +40 -28
- package/_cjs/src/version.js +1 -1
- package/_cjs/tsconfig.build.tsbuildinfo +1 -1
- package/_esm/src/components/common/MultiWalletDropdown.js +7 -3
- package/_esm/src/components/common/MultiWalletDropdown.js.map +1 -1
- package/_esm/src/components/common/SlippageToleranceConfig.js +11 -2
- package/_esm/src/components/common/SlippageToleranceConfig.js.map +1 -1
- package/_esm/src/components/common/TokenSelector/PaymentMethod.js +11 -18
- package/_esm/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
- package/_esm/src/components/primitives/Button.js +1 -1
- package/_esm/src/components/widgets/SwapButton.js +23 -11
- package/_esm/src/components/widgets/SwapButton.js.map +1 -1
- package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js +6 -11
- package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js.map +1 -1
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +3 -2
- package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +1 -1
- package/_esm/src/components/widgets/TokenWidget/widget/index.js +76 -125
- package/_esm/src/components/widgets/TokenWidget/widget/index.js.map +1 -1
- package/_esm/src/hooks/useGasTopUpRequired.js +3 -3
- package/_esm/src/hooks/useGasTopUpRequired.js.map +1 -1
- package/_esm/src/hooks/useMultiWalletBalances.js +12 -10
- package/_esm/src/hooks/useMultiWalletBalances.js.map +1 -1
- package/_esm/src/styles.css +40 -28
- package/_esm/src/version.js +1 -1
- package/_esm/tsconfig.build.tsbuildinfo +1 -1
- package/_types/src/components/common/MultiWalletDropdown.d.ts.map +1 -1
- package/_types/src/components/common/SlippageToleranceConfig.d.ts.map +1 -1
- package/_types/src/components/common/TokenSelector/PaymentMethod.d.ts.map +1 -1
- package/_types/src/components/widgets/SwapButton.d.ts.map +1 -1
- package/_types/src/components/widgets/TokenWidget/BuyTabContent.d.ts.map +1 -1
- package/_types/src/components/widgets/TokenWidget/FeeBreakdownInfo.d.ts.map +1 -1
- package/_types/src/components/widgets/TokenWidget/widget/index.d.ts +3 -4
- package/_types/src/components/widgets/TokenWidget/widget/index.d.ts.map +1 -1
- package/_types/src/hooks/useGasTopUpRequired.d.ts.map +1 -1
- package/_types/src/hooks/useMultiWalletBalances.d.ts +2 -6
- package/_types/src/hooks/useMultiWalletBalances.d.ts.map +1 -1
- package/_types/src/version.d.ts +1 -1
- package/_types/tsconfig.build.tsbuildinfo +1 -1
- package/dist/panda.buildinfo.json +12 -9
- package/dist/styles.css +40 -28
- package/package.json +3 -3
package/_cjs/src/styles.css
CHANGED
|
@@ -1264,6 +1264,10 @@
|
|
|
1264
1264
|
gap: var(--relay-spacing-1);
|
|
1265
1265
|
}
|
|
1266
1266
|
|
|
1267
|
+
.relay-min-w_0:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1268
|
+
min-width: 0;
|
|
1269
|
+
}
|
|
1270
|
+
|
|
1267
1271
|
.relay-rounded_12:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1268
1272
|
border-radius: 12px;
|
|
1269
1273
|
}
|
|
@@ -1288,6 +1292,14 @@
|
|
|
1288
1292
|
height: 14px;
|
|
1289
1293
|
}
|
|
1290
1294
|
|
|
1295
|
+
.relay-white-space_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1296
|
+
white-space: nowrap;
|
|
1297
|
+
}
|
|
1298
|
+
|
|
1299
|
+
.relay-text-overflow_ellipsis:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1300
|
+
text-overflow: ellipsis;
|
|
1301
|
+
}
|
|
1302
|
+
|
|
1291
1303
|
.relay-transition_backdrop-filter_250ms_linear:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1292
1304
|
transition: backdrop-filter 250ms linear;
|
|
1293
1305
|
}
|
|
@@ -1380,12 +1392,20 @@
|
|
|
1380
1392
|
padding-block: var(--relay-spacing-2);
|
|
1381
1393
|
}
|
|
1382
1394
|
|
|
1395
|
+
.relay-rounded_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1396
|
+
border-radius: 8px;
|
|
1397
|
+
}
|
|
1398
|
+
|
|
1399
|
+
.relay-p_4px_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1400
|
+
padding: 4px 6px;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1383
1403
|
.relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1384
1404
|
background: var(--relay-colors-subtle-background-color);
|
|
1385
1405
|
}
|
|
1386
1406
|
|
|
1387
|
-
.relay-
|
|
1388
|
-
border:
|
|
1407
|
+
.relay-border_1px_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1408
|
+
border: 1px solid;
|
|
1389
1409
|
}
|
|
1390
1410
|
|
|
1391
1411
|
.relay-h_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
@@ -1662,14 +1682,6 @@
|
|
|
1662
1682
|
color: var(--relay-colors-input-color);
|
|
1663
1683
|
}
|
|
1664
1684
|
|
|
1665
|
-
.relay-text-overflow_ellipsis:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1666
|
-
text-overflow: ellipsis;
|
|
1667
|
-
}
|
|
1668
|
-
|
|
1669
|
-
.relay-white-space_nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1670
|
-
white-space: nowrap;
|
|
1671
|
-
}
|
|
1672
|
-
|
|
1673
1685
|
.relay-z_0:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1674
1686
|
z-index: 0;
|
|
1675
1687
|
}
|
|
@@ -1706,14 +1718,6 @@
|
|
|
1706
1718
|
animation: pulse 3s ease-in-out infinite;
|
|
1707
1719
|
}
|
|
1708
1720
|
|
|
1709
|
-
.relay-rounded_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1710
|
-
border-radius: 8px;
|
|
1711
|
-
}
|
|
1712
|
-
|
|
1713
|
-
.relay-p_4px_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1714
|
-
padding: 4px 6px;
|
|
1715
|
-
}
|
|
1716
|
-
|
|
1717
1721
|
.relay-w_38px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1718
1722
|
width: 38px;
|
|
1719
1723
|
}
|
|
@@ -1840,6 +1844,10 @@
|
|
|
1840
1844
|
border-radius: var(--relay-radii-widget-card-border-radius);
|
|
1841
1845
|
}
|
|
1842
1846
|
|
|
1847
|
+
.relay-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1848
|
+
border: var(--relay-borders-widget-card-border);
|
|
1849
|
+
}
|
|
1850
|
+
|
|
1843
1851
|
.relay-transition_border-radius_300ms\,_border-bottom_0s:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1844
1852
|
transition: border-radius 300ms, border-bottom 0s;
|
|
1845
1853
|
}
|
|
@@ -1908,6 +1916,10 @@
|
|
|
1908
1916
|
text-transform: uppercase;
|
|
1909
1917
|
}
|
|
1910
1918
|
|
|
1919
|
+
.relay-text-transform_none:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1920
|
+
text-transform: none;
|
|
1921
|
+
}
|
|
1922
|
+
|
|
1911
1923
|
.relay-text_error:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
1912
1924
|
color: error;
|
|
1913
1925
|
}
|
|
@@ -2044,10 +2056,6 @@
|
|
|
2044
2056
|
max-width: min(400px, 100vw);
|
|
2045
2057
|
}
|
|
2046
2058
|
|
|
2047
|
-
.relay-min-w_0:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2048
|
-
min-width: 0;
|
|
2049
|
-
}
|
|
2050
|
-
|
|
2051
2059
|
.relay-box_border-box:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2052
2060
|
box-sizing: border-box;
|
|
2053
2061
|
}
|
|
@@ -2236,10 +2244,6 @@
|
|
|
2236
2244
|
height: 10px;
|
|
2237
2245
|
}
|
|
2238
2246
|
|
|
2239
|
-
.relay-border_1px_solid:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2240
|
-
border: 1px solid;
|
|
2241
|
-
}
|
|
2242
|
-
|
|
2243
2247
|
.relay---thickness_1px:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2244
2248
|
--thickness: 1px;
|
|
2245
2249
|
}
|
|
@@ -2616,6 +2620,10 @@
|
|
|
2616
2620
|
align-content: center;
|
|
2617
2621
|
}
|
|
2618
2622
|
|
|
2623
|
+
.relay-shrink_1:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2624
|
+
flex-shrink: 1;
|
|
2625
|
+
}
|
|
2626
|
+
|
|
2619
2627
|
.relay-shrink_0:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2620
2628
|
flex-shrink: 0;
|
|
2621
2629
|
}
|
|
@@ -2664,6 +2672,10 @@
|
|
|
2664
2672
|
flex-direction: row;
|
|
2665
2673
|
}
|
|
2666
2674
|
|
|
2675
|
+
.relay-border_gray5:not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
2676
|
+
border-color: var(--relay-colors-gray5);
|
|
2677
|
+
}
|
|
2678
|
+
|
|
2667
2679
|
.relay-pr_28px\!:not(#\#) {
|
|
2668
2680
|
padding-right: 28px !important;
|
|
2669
2681
|
}
|
|
@@ -3344,8 +3356,8 @@
|
|
|
3344
3356
|
font-weight: 700;
|
|
3345
3357
|
}
|
|
3346
3358
|
|
|
3347
|
-
.\[\&\:not\(\:disabled\)\]\:relay-font-style_var\(--relay-fonts-button-cta-font-style\,
|
|
3348
|
-
font-style: var(--relay-fonts-button-cta-font-style,
|
|
3359
|
+
.\[\&\:not\(\:disabled\)\]\:relay-font-style_var\(--relay-fonts-button-cta-font-style\,_italic\):not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
|
|
3360
|
+
font-style: var(--relay-fonts-button-cta-font-style, italic);
|
|
3349
3361
|
}
|
|
3350
3362
|
|
|
3351
3363
|
.\[\&\[data-state\=\'checked\'\]\]\:relay-bg_primary-button-background[data-state='checked']:not(#\#):not(#\#):not(#\#):not(#\#) {
|
package/_cjs/src/version.js
CHANGED