@relayprotocol/relay-kit-ui 2.17.2 → 2.17.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.
Files changed (89) hide show
  1. package/_cjs/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
  2. package/_cjs/src/components/common/TransactionModal/TransactionModal.js +2 -2
  3. package/_cjs/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
  4. package/_cjs/src/components/common/TransactionModal/TransactionModalRenderer.js +4 -2
  5. package/_cjs/src/components/common/TransactionModal/TransactionModalRenderer.js.map +1 -1
  6. package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js +14 -2
  7. package/_cjs/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
  8. package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js +1 -1
  9. package/_cjs/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
  10. package/_cjs/src/components/widgets/PriceImpactTooltip.js +1 -1
  11. package/_cjs/src/components/widgets/PriceImpactTooltip.js.map +1 -1
  12. package/_cjs/src/components/widgets/SwapWidget/PriceImpact.js +27 -0
  13. package/_cjs/src/components/widgets/SwapWidget/PriceImpact.js.map +1 -0
  14. package/_cjs/src/components/widgets/SwapWidget/index.js +4 -8
  15. package/_cjs/src/components/widgets/SwapWidget/index.js.map +1 -1
  16. package/_cjs/src/components/widgets/SwapWidgetRenderer.js +8 -2
  17. package/_cjs/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
  18. package/_cjs/src/icons/XIcon.js +9 -0
  19. package/_cjs/src/icons/XIcon.js.map +1 -0
  20. package/_cjs/src/icons/index.js +3 -1
  21. package/_cjs/src/icons/index.js.map +1 -1
  22. package/_cjs/src/providers/RelayKitProvider.js +2 -1
  23. package/_cjs/src/providers/RelayKitProvider.js.map +1 -1
  24. package/_cjs/src/styles.css +16 -0
  25. package/_cjs/src/types/FeeBreakdown.js +3 -0
  26. package/_cjs/src/types/FeeBreakdown.js.map +1 -0
  27. package/_cjs/src/utils/quote.js +31 -12
  28. package/_cjs/src/utils/quote.js.map +1 -1
  29. package/_cjs/src/version.js +1 -1
  30. package/_cjs/tsconfig.build.tsbuildinfo +1 -1
  31. package/_esm/src/components/common/TokenSelector/TokenSelector.js +1 -1
  32. package/_esm/src/components/common/TokenSelector/TokenSelector.js.map +1 -1
  33. package/_esm/src/components/common/TransactionModal/TransactionModal.js +2 -2
  34. package/_esm/src/components/common/TransactionModal/TransactionModal.js.map +1 -1
  35. package/_esm/src/components/common/TransactionModal/TransactionModalRenderer.js +5 -3
  36. package/_esm/src/components/common/TransactionModal/TransactionModalRenderer.js.map +1 -1
  37. package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js +15 -3
  38. package/_esm/src/components/common/TransactionModal/steps/SwapSuccessStep.js.map +1 -1
  39. package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js +1 -1
  40. package/_esm/src/components/common/TransactionModal/steps/TransactionsByChain.js.map +1 -1
  41. package/_esm/src/components/widgets/PriceImpactTooltip.js +1 -1
  42. package/_esm/src/components/widgets/PriceImpactTooltip.js.map +1 -1
  43. package/_esm/src/components/widgets/SwapWidget/PriceImpact.js +23 -0
  44. package/_esm/src/components/widgets/SwapWidget/PriceImpact.js.map +1 -0
  45. package/_esm/src/components/widgets/SwapWidget/index.js +4 -8
  46. package/_esm/src/components/widgets/SwapWidget/index.js.map +1 -1
  47. package/_esm/src/components/widgets/SwapWidgetRenderer.js +8 -2
  48. package/_esm/src/components/widgets/SwapWidgetRenderer.js.map +1 -1
  49. package/_esm/src/icons/XIcon.js +6 -0
  50. package/_esm/src/icons/XIcon.js.map +1 -0
  51. package/_esm/src/icons/index.js +1 -0
  52. package/_esm/src/icons/index.js.map +1 -1
  53. package/_esm/src/providers/RelayKitProvider.js +2 -1
  54. package/_esm/src/providers/RelayKitProvider.js.map +1 -1
  55. package/_esm/src/styles.css +16 -0
  56. package/_esm/src/types/FeeBreakdown.js +2 -0
  57. package/_esm/src/types/FeeBreakdown.js.map +1 -0
  58. package/_esm/src/utils/quote.js +29 -11
  59. package/_esm/src/utils/quote.js.map +1 -1
  60. package/_esm/src/version.js +1 -1
  61. package/_esm/tsconfig.build.tsbuildinfo +1 -1
  62. package/_types/src/components/common/TokenSelector/TokenSelector.d.ts.map +1 -1
  63. package/_types/src/components/common/TransactionModal/TransactionModalRenderer.d.ts +1 -0
  64. package/_types/src/components/common/TransactionModal/TransactionModalRenderer.d.ts.map +1 -1
  65. package/_types/src/components/common/TransactionModal/steps/SwapSuccessStep.d.ts +1 -0
  66. package/_types/src/components/common/TransactionModal/steps/SwapSuccessStep.d.ts.map +1 -1
  67. package/_types/src/components/common/TransactionModal/steps/TransactionsByChain.d.ts.map +1 -1
  68. package/_types/src/components/widgets/PriceImpactTooltip.d.ts.map +1 -1
  69. package/_types/src/components/widgets/SwapWidget/PriceImpact.d.ts +11 -0
  70. package/_types/src/components/widgets/SwapWidget/PriceImpact.d.ts.map +1 -0
  71. package/_types/src/components/widgets/SwapWidget/index.d.ts +1 -0
  72. package/_types/src/components/widgets/SwapWidget/index.d.ts.map +1 -1
  73. package/_types/src/components/widgets/SwapWidgetRenderer.d.ts +6 -16
  74. package/_types/src/components/widgets/SwapWidgetRenderer.d.ts.map +1 -1
  75. package/_types/src/icons/XIcon.d.ts +9 -0
  76. package/_types/src/icons/XIcon.d.ts.map +1 -0
  77. package/_types/src/icons/index.d.ts +1 -0
  78. package/_types/src/icons/index.d.ts.map +1 -1
  79. package/_types/src/providers/RelayKitProvider.d.ts +5 -0
  80. package/_types/src/providers/RelayKitProvider.d.ts.map +1 -1
  81. package/_types/src/types/FeeBreakdown.d.ts +18 -0
  82. package/_types/src/types/FeeBreakdown.d.ts.map +1 -0
  83. package/_types/src/utils/quote.d.ts +3 -15
  84. package/_types/src/utils/quote.d.ts.map +1 -1
  85. package/_types/src/version.d.ts +1 -1
  86. package/_types/tsconfig.build.tsbuildinfo +1 -1
  87. package/dist/panda.buildinfo.json +4 -0
  88. package/dist/styles.css +16 -0
  89. package/package.json +4 -4
@@ -327,6 +327,7 @@
327
327
  "minWidth]___[value:200",
328
328
  "marginRight]___[value:auto",
329
329
  "marginRight]___[value:1",
330
+ "color]___[value:success",
330
331
  "height]___[value:1",
331
332
  "backgroundColor]___[value:slate.6",
332
333
  "marginTop]___[value:2",
@@ -414,6 +415,7 @@
414
415
  "width]___[value:27",
415
416
  "maxWidth]___[value:412px !important",
416
417
  "marginBottom]___[value:8",
418
+ "textDecoration]___[value:line-through",
417
419
  "border]___[value:widget-border",
418
420
  "minWidth]___[value:300",
419
421
  "maxWidth]___[value:408",
@@ -510,6 +512,8 @@
510
512
  "right]___[value:-40",
511
513
  "bottom]___[value:-12",
512
514
  "marginBottom]___[value:20",
515
+ "background]___[value:primary2",
516
+ "justifyItems]___[value:space-between",
513
517
  "width]___[value:29",
514
518
  "height]___[value:27",
515
519
  "background]___[value:gray5",
package/dist/styles.css CHANGED
@@ -1871,6 +1871,10 @@
1871
1871
  min-width: 200px;
1872
1872
  }
1873
1873
 
1874
+ .relay-text_success:not(#\#):not(#\#):not(#\#):not(#\#) {
1875
+ color: success;
1876
+ }
1877
+
1874
1878
  .relay-h_1:not(#\#):not(#\#):not(#\#):not(#\#) {
1875
1879
  height: 1px;
1876
1880
  }
@@ -2063,6 +2067,10 @@
2063
2067
  max-width: 412px !important;
2064
2068
  }
2065
2069
 
2070
+ .relay-text-decor_line-through:not(#\#):not(#\#):not(#\#):not(#\#) {
2071
+ text-decoration: line-through;
2072
+ }
2073
+
2066
2074
  .relay-border_widget-border:not(#\#):not(#\#):not(#\#):not(#\#) {
2067
2075
  border: var(--relay-borders-widget-border);
2068
2076
  }
@@ -2295,6 +2303,10 @@
2295
2303
  border: 3px solid var(--borderColor);
2296
2304
  }
2297
2305
 
2306
+ .relay-bg_primary2:not(#\#):not(#\#):not(#\#):not(#\#) {
2307
+ background: var(--relay-colors-primary2);
2308
+ }
2309
+
2298
2310
  .relay-w_29:not(#\#):not(#\#):not(#\#):not(#\#) {
2299
2311
  width: 29px;
2300
2312
  }
@@ -2967,6 +2979,10 @@
2967
2979
  margin-bottom: 20px;
2968
2980
  }
2969
2981
 
2982
+ .relay-justify-items_space-between:not(#\#):not(#\#):not(#\#):not(#\#) {
2983
+ justify-items: space-between;
2984
+ }
2985
+
2970
2986
  .relay-mb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
2971
2987
  margin-bottom: var(--relay-spacing-1);
2972
2988
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@relayprotocol/relay-kit-ui",
3
- "version": "2.17.2",
3
+ "version": "2.17.4",
4
4
  "type": "module",
5
5
  "main": "./_cjs/src/index.js",
6
6
  "module": "./_esm/src/index.js",
@@ -79,9 +79,9 @@
79
79
  "pandacss-preset-radix-colors": "^0.2.0",
80
80
  "qrcode.react": "^4.1.0",
81
81
  "usehooks-ts": "^3.1.0",
82
- "@relayprotocol/relay-sdk": "2.4.0",
83
- "@relayprotocol/relay-kit-hooks": "1.12.0",
84
- "@relayprotocol/relay-design-system": "npm:@reservoir0x/relay-design-system@^0.0.2"
82
+ "@relayprotocol/relay-design-system": "npm:@reservoir0x/relay-design-system@^0.0.2",
83
+ "@relayprotocol/relay-kit-hooks": "1.12.1",
84
+ "@relayprotocol/relay-sdk": "2.4.1"
85
85
  },
86
86
  "keywords": [
87
87
  "eth",