@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.
Files changed (60) hide show
  1. package/_cjs/src/components/common/MultiWalletDropdown.js +7 -3
  2. package/_cjs/src/components/common/MultiWalletDropdown.js.map +1 -1
  3. package/_cjs/src/components/common/SlippageToleranceConfig.js +11 -2
  4. package/_cjs/src/components/common/SlippageToleranceConfig.js.map +1 -1
  5. package/_cjs/src/components/common/TokenSelector/PaymentMethod.js +11 -18
  6. package/_cjs/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
  7. package/_cjs/src/components/primitives/Button.js +1 -1
  8. package/_cjs/src/components/widgets/SwapButton.js +23 -11
  9. package/_cjs/src/components/widgets/SwapButton.js.map +1 -1
  10. package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js +6 -11
  11. package/_cjs/src/components/widgets/TokenWidget/BuyTabContent.js.map +1 -1
  12. package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +3 -2
  13. package/_cjs/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +1 -1
  14. package/_cjs/src/components/widgets/TokenWidget/widget/index.js +72 -115
  15. package/_cjs/src/components/widgets/TokenWidget/widget/index.js.map +1 -1
  16. package/_cjs/src/hooks/useGasTopUpRequired.js +3 -3
  17. package/_cjs/src/hooks/useGasTopUpRequired.js.map +1 -1
  18. package/_cjs/src/hooks/useMultiWalletBalances.js +12 -10
  19. package/_cjs/src/hooks/useMultiWalletBalances.js.map +1 -1
  20. package/_cjs/src/styles.css +40 -28
  21. package/_cjs/src/version.js +1 -1
  22. package/_cjs/tsconfig.build.tsbuildinfo +1 -1
  23. package/_esm/src/components/common/MultiWalletDropdown.js +7 -3
  24. package/_esm/src/components/common/MultiWalletDropdown.js.map +1 -1
  25. package/_esm/src/components/common/SlippageToleranceConfig.js +11 -2
  26. package/_esm/src/components/common/SlippageToleranceConfig.js.map +1 -1
  27. package/_esm/src/components/common/TokenSelector/PaymentMethod.js +11 -18
  28. package/_esm/src/components/common/TokenSelector/PaymentMethod.js.map +1 -1
  29. package/_esm/src/components/primitives/Button.js +1 -1
  30. package/_esm/src/components/widgets/SwapButton.js +23 -11
  31. package/_esm/src/components/widgets/SwapButton.js.map +1 -1
  32. package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js +6 -11
  33. package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js.map +1 -1
  34. package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js +3 -2
  35. package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map +1 -1
  36. package/_esm/src/components/widgets/TokenWidget/widget/index.js +76 -125
  37. package/_esm/src/components/widgets/TokenWidget/widget/index.js.map +1 -1
  38. package/_esm/src/hooks/useGasTopUpRequired.js +3 -3
  39. package/_esm/src/hooks/useGasTopUpRequired.js.map +1 -1
  40. package/_esm/src/hooks/useMultiWalletBalances.js +12 -10
  41. package/_esm/src/hooks/useMultiWalletBalances.js.map +1 -1
  42. package/_esm/src/styles.css +40 -28
  43. package/_esm/src/version.js +1 -1
  44. package/_esm/tsconfig.build.tsbuildinfo +1 -1
  45. package/_types/src/components/common/MultiWalletDropdown.d.ts.map +1 -1
  46. package/_types/src/components/common/SlippageToleranceConfig.d.ts.map +1 -1
  47. package/_types/src/components/common/TokenSelector/PaymentMethod.d.ts.map +1 -1
  48. package/_types/src/components/widgets/SwapButton.d.ts.map +1 -1
  49. package/_types/src/components/widgets/TokenWidget/BuyTabContent.d.ts.map +1 -1
  50. package/_types/src/components/widgets/TokenWidget/FeeBreakdownInfo.d.ts.map +1 -1
  51. package/_types/src/components/widgets/TokenWidget/widget/index.d.ts +3 -4
  52. package/_types/src/components/widgets/TokenWidget/widget/index.d.ts.map +1 -1
  53. package/_types/src/hooks/useGasTopUpRequired.d.ts.map +1 -1
  54. package/_types/src/hooks/useMultiWalletBalances.d.ts +2 -6
  55. package/_types/src/hooks/useMultiWalletBalances.d.ts.map +1 -1
  56. package/_types/src/version.d.ts +1 -1
  57. package/_types/tsconfig.build.tsbuildinfo +1 -1
  58. package/dist/panda.buildinfo.json +12 -9
  59. package/dist/styles.css +40 -28
  60. package/package.json +3 -3
@@ -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-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
1388
- border: var(--relay-borders-widget-card-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\,_normal\):not(:disabled):not(#\#):not(#\#):not(#\#):not(#\#) {
3348
- font-style: var(--relay-fonts-button-cta-font-style, normal);
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(#\#) {
@@ -1,5 +1,5 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.UI_VERSION = void 0;
4
- exports.UI_VERSION = '6.0.0';
4
+ exports.UI_VERSION = '6.0.2';
5
5
  //# sourceMappingURL=version.js.map