@rhinestone/deposit-modal 0.3.0-alpha.10 → 0.3.0-alpha.12

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHUPEN2T5cjs = require('./chunk-HUPEN2T5.cjs');
+var _chunkI5G5ULRPcjs = require('./chunk-I5G5ULRP.cjs');
 require('./chunk-2TWQGPPB.cjs');
 require('./chunk-7JIDIX27.cjs');
 
 
-exports.DepositModal = _chunkHUPEN2T5cjs.DepositModal;
+exports.DepositModal = _chunkI5G5ULRPcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-N5NOJ4ZV.mjs";
+} from "./chunk-HR6BABPX.mjs";
 import "./chunk-WVE3JN3C.mjs";
 import "./chunk-SZIYS42B.mjs";
 export {

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHUPEN2T5cjs = require('./chunk-HUPEN2T5.cjs');
+var _chunkI5G5ULRPcjs = require('./chunk-I5G5ULRP.cjs');
 
 
 var _chunkYI63OMXNcjs = require('./chunk-YI63OMXN.cjs');
@@ -79,4 +79,4 @@ async function disconnectWallet() {
 
 
 
-exports.CHAIN_BY_ID = _chunk7JIDIX27cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunk7JIDIX27cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunk7JIDIX27cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkHUPEN2T5cjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunk7JIDIX27cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunk7JIDIX27cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunk7JIDIX27cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkYI63OMXNcjs.WithdrawModal; exports.chainRegistry = _chunk7JIDIX27cjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunk7JIDIX27cjs.findChainIdForToken; exports.getChainBadge = _chunk7JIDIX27cjs.getChainBadge; exports.getChainIcon = _chunk7JIDIX27cjs.getChainIcon; exports.getChainId = _chunk7JIDIX27cjs.getChainId; exports.getChainName = _chunk7JIDIX27cjs.getChainName; exports.getChainObject = _chunk7JIDIX27cjs.getChainObject; exports.getExplorerName = _chunk7JIDIX27cjs.getExplorerName; exports.getExplorerTxUrl = _chunk7JIDIX27cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunk7JIDIX27cjs.getExplorerUrl; exports.getSupportedChainIds = _chunk7JIDIX27cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunk7JIDIX27cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunk7JIDIX27cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunk7JIDIX27cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunk7JIDIX27cjs.getTokenAddress; exports.getTokenDecimals = _chunk7JIDIX27cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunk7JIDIX27cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunk7JIDIX27cjs.getTokenIcon; exports.getTokenSymbol = _chunk7JIDIX27cjs.getTokenSymbol; exports.getUsdcAddress = _chunk7JIDIX27cjs.getUsdcAddress; exports.getUsdcDecimals = _chunk7JIDIX27cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunk7JIDIX27cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunk7JIDIX27cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunk7JIDIX27cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunk7JIDIX27cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkI5G5ULRPcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunk7JIDIX27cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunk7JIDIX27cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunk7JIDIX27cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkYI63OMXNcjs.WithdrawModal; exports.chainRegistry = _chunk7JIDIX27cjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunk7JIDIX27cjs.findChainIdForToken; exports.getChainBadge = _chunk7JIDIX27cjs.getChainBadge; exports.getChainIcon = _chunk7JIDIX27cjs.getChainIcon; exports.getChainId = _chunk7JIDIX27cjs.getChainId; exports.getChainName = _chunk7JIDIX27cjs.getChainName; exports.getChainObject = _chunk7JIDIX27cjs.getChainObject; exports.getExplorerName = _chunk7JIDIX27cjs.getExplorerName; exports.getExplorerTxUrl = _chunk7JIDIX27cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunk7JIDIX27cjs.getExplorerUrl; exports.getSupportedChainIds = _chunk7JIDIX27cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunk7JIDIX27cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunk7JIDIX27cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunk7JIDIX27cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunk7JIDIX27cjs.getTokenAddress; exports.getTokenDecimals = _chunk7JIDIX27cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunk7JIDIX27cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunk7JIDIX27cjs.getTokenIcon; exports.getTokenSymbol = _chunk7JIDIX27cjs.getTokenSymbol; exports.getUsdcAddress = _chunk7JIDIX27cjs.getUsdcAddress; exports.getUsdcDecimals = _chunk7JIDIX27cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunk7JIDIX27cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   DepositModal
-} from "./chunk-N5NOJ4ZV.mjs";
+} from "./chunk-HR6BABPX.mjs";
 import {
   WithdrawModal
 } from "./chunk-7MZNQ4C2.mjs";

package/dist/styles.css

@@ -2782,7 +2782,7 @@
 .rs-withdraw-dropdown-arrow {
   width: 24px;
   height: 24px;
-  color: var(--rs-icon-secondary);
+  color: #9f9fa9;
   transition: transform 0.15s;
 }
 
@@ -3085,7 +3085,7 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  padding-top: 12px;
+  padding-top: 8px;
   font-size: 12px;
   color: var(--rs-muted);
 }
@@ -3205,7 +3205,7 @@
 .rs-deposit-address-dropdown-chevron {
   width: 24px;
   height: 24px;
-  color: var(--rs-icon-secondary);
+  color: #9f9fa9;
   margin-left: auto;
   flex-shrink: 0;
   transition: transform 0.15s ease;
@@ -3226,10 +3226,10 @@
   border: 1px solid var(--rs-surface-subtle);
   border-radius: var(--rs-radius-sm);
   box-shadow: var(--rs-shadow-dropdown);
-  padding: 12px;
+  padding: 8px;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 0;
   max-height: 240px;
   overflow-y: auto;
   overscroll-behavior: none;
@@ -3241,8 +3241,8 @@
   align-items: center;
   gap: 6px;
   width: 100%;
-  padding: 0;
-  border-radius: calc(var(--rs-radius-sm) - 2px);
+  padding: 8px 4px;
+  border-radius: 4px;
   border: none;
   background: transparent;
   color: var(--rs-foreground);
@@ -3251,12 +3251,12 @@
   line-height: normal;
   cursor: pointer;
   text-align: left;
-  transition: opacity 0.1s;
+  transition: background-color 0.1s;
   font-family: inherit;
 }
 
 .rs-deposit-address-dropdown-item:hover {
-  opacity: 0.7;
+  background: var(--rs-surface);
 }
 
 .rs-deposit-address-dropdown-item--active {
@@ -3323,6 +3323,51 @@
   word-break: break-all;
 }
 
+/* Visually hidden but exposed to assistive tech — used by the skeleton's
+   "Preparing…" status, whose visual placeholders are all aria-hidden. */
+.rs-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* Loading placeholders for DepositAddressSkeleton — grey blocks that pulse
+   while the smart account / deposit address are being prepared. Uses
+   --color-gray4 (zinc-200 light / zinc-800 dark) so it reads on the well in
+   both themes. */
+.rs-skeleton {
+  background: var(--color-gray4);
+  border-radius: 8px;
+  animation: rs-skeleton-pulse 1.6s ease-in-out infinite;
+}
+
+.rs-skeleton-qr {
+  width: 200px;
+  height: 200px;
+}
+
+.rs-skeleton-address {
+  height: 12px;
+  margin: 0 16px 12px;
+  border-radius: 8px;
+}
+
+@keyframes rs-skeleton-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
 .rs-deposit-address-copy {
   display: flex;
   align-items: center;
@@ -3990,8 +4035,8 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-  gap: 16px;
-  padding: 16px 12px;
+  gap: 0;
+  padding: 12px 8px;
   background: var(--rs-surface-subtle);
   border: none;
   border-radius: 8px;
@@ -4106,12 +4151,38 @@
   white-space: nowrap;
 }
 
+/* Collapsing wrapper that animates the detail block between closed/open. */
+.rs-history-card-panel {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 0.25s ease;
+}
+
+.rs-history-card--expanded .rs-history-card-panel {
+  grid-template-rows: 1fr;
+}
+
+.rs-history-card-panel-inner {
+  overflow: hidden;
+  min-height: 0;
+  /* Keep the collapsed panel (and its tx link) out of the tab order.
+     visibility stays "visible" through the collapse so the content is
+     present during the height animation, then flips hidden at the end. */
+  visibility: hidden;
+  transition: visibility 0.25s;
+}
+
+.rs-history-card--expanded .rs-history-card-panel-inner {
+  visibility: visible;
+}
+
 /* Expanded detail block under the row. */
 .rs-history-card-details {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
+  padding-top: 16px;
 }
 
 .rs-history-card-link {

package/package.json

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