hd-wallet-ui 2.0.11 → 2.0.12

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 (3) hide show
  1. package/package.json +2 -2
  2. package/src/template.js +1 -1
  3. package/src/trust-ui.js +6 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hd-wallet-ui",
3
- "version": "2.0.11",
3
+ "version": "2.0.12",
4
4
  "description": "HD Wallet modal UI — login, keys, identity, trust map, and security bond. Attach to any button in your app.",
5
5
  "type": "module",
6
6
  "main": "src/app.js",
@@ -40,7 +40,7 @@
40
40
  "buffer": "^6.0.3",
41
41
  "flatbuffers": "^25.9.23",
42
42
  "flatc-wasm": "^26.1.32",
43
- "hd-wallet-wasm": "^2.0.11",
43
+ "hd-wallet-wasm": "^2.0.12",
44
44
  "qrcode": "^1.5.3",
45
45
  "spacedatastandards.org": "^1.93.3",
46
46
  "vcard-cryptoperson": "^1.1.11"
package/src/template.js CHANGED
@@ -551,7 +551,7 @@ export function getModalHTML() {
551
551
  <div class="modal-glass login-modal-content">
552
552
  <div class="modal-header"><h3>Login</h3><button class="modal-close" type="button" aria-label="Close"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>
553
553
  <div id="wallet-info-box" class="wallet-info-box">
554
- <div id="wallet-info-expanded" class="wallet-info-expanded"><div class="wallet-info-content"><strong>Decentralized Wallet</strong> — Your credentials never leave your browser.</div><button class="wallet-info-close" id="wallet-info-dismiss" title="Dismiss">&times;</button></div>
554
+ <div id="wallet-info-expanded" class="wallet-info-expanded"><div class="wallet-info-content"><strong>Decentralized Wallet</strong> — Your credentials never leave your browser.</div><button class="wallet-info-close" id="wallet-info-dismiss" title="Dismiss" aria-label="Dismiss"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>
555
555
  <div id="wallet-info-collapsed" class="wallet-info-collapsed" style="display:none"><span>Decentralized Wallet</span><div class="wallet-info-icon-wrap"><svg viewBox="0 0 16 16"><circle cx="8" cy="8" r="7" fill="none" stroke="currentColor" stroke-width="0.75"/><text x="8" y="8" text-anchor="middle" dominant-baseline="central" font-size="11" fill="currentColor">i</text></svg></div></div>
556
556
  </div>
557
557
  <div class="modal-body">
package/src/trust-ui.js CHANGED
@@ -19,6 +19,8 @@ import {
19
19
  // Helpers
20
20
  // =============================================================================
21
21
 
22
+ const CLOSE_ICON = '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>';
23
+
22
24
  export function truncatePubkey(pubkey, prefixLen = 12, suffixLen = 8) {
23
25
  if (!pubkey) return '';
24
26
  if (pubkey.length <= prefixLen + suffixLen + 3) return pubkey;
@@ -257,7 +259,7 @@ export function showEstablishTrustModal(onConfirm) {
257
259
  <div class="modal-glass">
258
260
  <div class="modal-header">
259
261
  <h3>Establish Trust</h3>
260
- <button class="modal-close">&times;</button>
262
+ <button class="modal-close" type="button" aria-label="Close">${CLOSE_ICON}</button>
261
263
  </div>
262
264
  <div class="modal-body">
263
265
 
@@ -474,7 +476,7 @@ export function showRevokeTrustModal(originalTxHash, onConfirm) {
474
476
  <div class="modal-glass">
475
477
  <div class="modal-header">
476
478
  <h3>Revoke Trust</h3>
477
- <button class="modal-close">&times;</button>
479
+ <button class="modal-close" type="button" aria-label="Close">${CLOSE_ICON}</button>
478
480
  </div>
479
481
  <div class="modal-body">
480
482
  <div class="trust-warning">
@@ -564,7 +566,7 @@ function buildRuleRow(rule, index) {
564
566
  <select class="glass-select rule-severity">${severityOptions}</select>
565
567
  </div>
566
568
  <div class="rule-field rule-field-actions">
567
- <button class="glass-btn glass-btn-sm rule-delete-btn" data-index="${index}" title="Delete rule">&times;</button>
569
+ <button class="glass-btn glass-btn-sm rule-delete-btn" data-index="${index}" title="Delete rule" aria-label="Delete rule"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button>
568
570
  </div>
569
571
  </div>
570
572
  </div>
@@ -590,7 +592,7 @@ export function showRulesModal(rules, onSave) {
590
592
  <div class="modal-glass">
591
593
  <div class="modal-header">
592
594
  <h3>Trust Rules</h3>
593
- <button class="modal-close">&times;</button>
595
+ <button class="modal-close" type="button" aria-label="Close">${CLOSE_ICON}</button>
594
596
  </div>
595
597
  <div class="modal-body">
596
598
  <div class="rules-list">