@rhinestone/deposit-modal 0.1.67 → 0.1.68

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
+var _chunkJ7ILKS5Ncjs = require('./chunk-J7ILKS5N.cjs');
 require('./chunk-FLVSQDP4.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
-exports.DepositModal = _chunkUDKZWFCMcjs.DepositModal;
+exports.DepositModal = _chunkJ7ILKS5Ncjs.DepositModal;

package/dist/deposit.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-NFE5ZLD3.mjs";
+} from "./chunk-OEB25YZ4.mjs";
 import "./chunk-IUW3SJQT.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
+var _chunkJ7ILKS5Ncjs = require('./chunk-J7ILKS5N.cjs');
 
 
 var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
@@ -66,4 +66,4 @@ var _chunkMUWVDVY4cjs = require('./chunk-MUWVDVY4.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkUDKZWFCMcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkJ7ILKS5Ncjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-NFE5ZLD3.mjs";
+} from "./chunk-OEB25YZ4.mjs";
 import {
   WithdrawModal
 } from "./chunk-5FDIQNJJ.mjs";

package/dist/reown.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
+var _chunkJ7ILKS5Ncjs = require('./chunk-J7ILKS5N.cjs');
 
 
 var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
@@ -9,4 +9,4 @@ require('./chunk-MUWVDVY4.cjs');
 
 
 
-exports.DepositModal = _chunkUDKZWFCMcjs.DepositModal; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal;
+exports.DepositModal = _chunkJ7ILKS5Ncjs.DepositModal; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal;

package/dist/reown.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-NFE5ZLD3.mjs";
+} from "./chunk-OEB25YZ4.mjs";
 import {
   WithdrawModal
 } from "./chunk-5FDIQNJJ.mjs";

package/dist/styles.css

@@ -2541,6 +2541,199 @@
   opacity: 0.65;
 }
 
+.rs-deposit-address-dropdown-label--with-min {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+}
+
+.rs-deposit-address-min {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+
+.rs-deposit-address-min-icon {
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+}
+
+.rs-price-impact {
+  width: 100%;
+  margin-top: 10px;
+  border-radius: var(--rs-radius-md);
+  background: var(--color-gray2);
+  overflow: hidden;
+}
+
+.rs-price-impact-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 10px 14px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  font-family: inherit;
+  color: var(--rs-foreground);
+  text-align: left;
+  transition: background-color 0.15s;
+}
+
+.rs-price-impact-header:hover {
+  background: var(--rs-surface);
+}
+
+.rs-price-impact-row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  color: var(--rs-muted-foreground);
+  flex-shrink: 0;
+}
+
+.rs-price-impact-row-icon svg {
+  width: 18px;
+  height: 18px;
+}
+
+.rs-price-impact-label {
+  font-size: 13px;
+  color: var(--rs-muted-foreground);
+  font-weight: 500;
+}
+
+.rs-price-impact-label strong {
+  color: var(--rs-foreground);
+  font-weight: 600;
+}
+
+.rs-price-impact-info {
+  color: var(--rs-muted-foreground);
+}
+
+.rs-price-impact-info .rs-tooltip-trigger svg {
+  width: 13px;
+  height: 13px;
+  display: block;
+}
+
+.rs-price-impact-chevron {
+  width: 14px;
+  height: 14px;
+  margin-left: auto;
+  color: var(--rs-muted-foreground);
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+}
+
+.rs-price-impact--open .rs-price-impact-chevron {
+  transform: rotate(180deg);
+}
+
+.rs-price-impact-panel {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 0.25s ease;
+}
+
+.rs-price-impact--open .rs-price-impact-panel {
+  grid-template-rows: 1fr;
+}
+
+.rs-price-impact-panel-inner {
+  overflow: hidden;
+  min-height: 0;
+}
+
+.rs-price-impact-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 14px 10px;
+  font-size: 13px;
+}
+
+.rs-price-impact-row:last-child {
+  padding-bottom: 12px;
+}
+
+/* =============================================================================
+   Tooltip
+   ============================================================================= */
+
+.rs-tooltip {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.rs-tooltip-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: inherit;
+  outline: none;
+  border-radius: 50%;
+}
+
+.rs-tooltip-trigger:focus-visible {
+  box-shadow: 0 0 0 2px var(--rs-primary-tint);
+}
+
+.rs-tooltip-bubble {
+  position: fixed;
+  z-index: 2147483000;
+  transform: translate(-50%, calc(-100% - 8px));
+  min-width: 120px;
+  max-width: 220px;
+  padding: 6px 8px;
+  background: #202020;
+  color: #fcfcfc;
+  border-radius: 6px;
+  font-size: 10.5px;
+  line-height: 1.35;
+  font-weight: 500;
+  text-align: center;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
+    sans-serif;
+  box-shadow:
+    0 4px 12px rgba(0, 0, 0, 0.18),
+    0 1px 3px rgba(0, 0, 0, 0.12);
+  pointer-events: none;
+  white-space: normal;
+  animation: rs-tooltip-in 0.12s ease-out;
+}
+
+.rs-tooltip-bubble::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 5px solid transparent;
+  border-top-color: #202020;
+}
+
+@keyframes rs-tooltip-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-100% - 6px));
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, calc(-100% - 8px));
+  }
+}
+
 .rs-deposit-address-dropdown-trigger {
   display: flex;
   align-items: center;
@@ -2668,7 +2861,7 @@
   text-align: left;
   padding: 8px 12px;
   background: transparent;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-border-surface);
   border-radius: var(--rs-radius-sm) var(--rs-radius-sm) 0 0;
   border-bottom: none;
   width: 100%;
@@ -2681,9 +2874,9 @@
   gap: 6px;
   width: 100%;
   padding: 8px 16px;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-border-surface);
   border-radius: 0 0 var(--rs-radius-sm) var(--rs-radius-sm);
-  background: var(--rs-surface);
+  background: var(--color-gray2);
   color: var(--rs-foreground);
   font-size: 13px;
   font-weight: 500;
@@ -2693,7 +2886,7 @@
 }
 
 .rs-deposit-address-copy:hover {
-  background: var(--rs-surface-hover);
+  background: var(--rs-surface);
 }
 
 .rs-deposit-address-balance {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {