@mictonode/widget 0.3.18 → 0.3.19

package/dist/{query.lcd-88036522.js → query.lcd-8531915e.js}

@@ -1,4 +1,4 @@
-import { _ as n, s as e } from "./main-bbea3e54.js";
+import { _ as n, s as e } from "./main-c424432b.js";
 class l {
   constructor({
     requestClient: i

package/dist/{query.rpc.Query-3a2b14f8.js → query.rpc.Query-d1e130b4.js}

@@ -1,4 +1,4 @@
-import { C as u, m as r, T as W, t as ee, f as ie, L as d, P as L, A as p, a as B, b as F, c as w, d as M, e as U, g as Q, h as oe, _ as ne } from "./main-bbea3e54.js";
+import { C as u, m as r, T as W, t as ee, f as ie, L as d, P as L, A as p, a as B, b as F, c as w, d as M, e as U, g as Q, h as oe, _ as ne } from "./main-c424432b.js";
 function Z() {
   return {
     positionId: d.UZERO,

package/dist/{tx.rpc.msg-39f0b824.js → tx.rpc.msg-ef7ee094.js}

@@ -1,4 +1,4 @@
-import { _ as n, M as r, i as c, m as t, j as a, k as d, l as h, n as l, o as g, p, q as u, r as m } from "./main-bbea3e54.js";
+import { _ as n, M as r, i as c, m as t, j as a, k as d, l as h, n as l, o as g, p, q as u, r as m } from "./main-c424432b.js";
 class f {
   constructor(e) {
     n(this, "rpc", void 0), this.rpc = e, this.createPosition = this.createPosition.bind(this), this.withdrawPosition = this.withdrawPosition.bind(this), this.collectFees = this.collectFees.bind(this), this.collectIncentives = this.collectIncentives.bind(this), this.fungifyChargedPositions = this.fungifyChargedPositions.bind(this);

package/lib/components/ConnectWallet/index.vue

@@ -219,8 +219,8 @@ const customKeplr = computed(() => {
         <label for="PingConnectWallet" class="modal cursor-pointer z-[999999]">
             <label class="modal-box rounded-lg" for="">
                 <h3 class="text-xl font-semibold">Connect Wallet</h3>
-                <ul role="list" class="bg-gray-100 rounded-lg mt-4 px-3 py-3">
-                    <li class="flex items-center px-2 py-3 hover:bg-gray-200 dark:hover:bg-primary-700 rounded-lg cursor-pointer"
+                <ul role="list" class="bg-gray-100 dark:bg-[#0f1419] rounded-lg mt-4 px-3 py-3">
+                    <li class="flex items-center px-2 py-3 hover:bg-gray-200 dark:hover:bg-gray-800 rounded-lg cursor-pointer"
                         v-for="(i, k) of walletList" :key="k" @click="selectWallet(i.wallet)">
                         <img class="h-10 w-10 bg-gray-50 rounded-full mr-4" :src="i.logo" alt="" />
                         <p class="text-base font-semibold flex-1">

package/lib/components/TxDialog/index.vue

@@ -289,7 +289,7 @@ function fetchTx(tx: string) {
 }
 </script>
 <template>
-    <div class="text-gray-600">
+    <div class="text-gray-600 dark:text-gray-300">
         <!-- Put this part before </body> tag -->
         <input v-model="open" type="checkbox" :id="type" class="modal-toggle" @change="initData()" />
         <label :for="type" class="modal cursor-pointer">
@@ -315,9 +315,9 @@ function fetchTx(tx: string) {
                                     </label>
                                     <label class="input-group flex items-center">
                                         <input v-model="feeAmount" type="text" placeholder="0.001"
-                                            class="input flex-1 w-0" />
+                                            class="input border join-item flex-1 w-0" />
                                         <select v-model="feeDenom"
-                                            class="select input w-[200px]">
+                                            class="select border join-item w-[200px]">
                                             <option disabled selected>
                                                 Select Fee Token
                                             </option>

package/lib/main.css

@@ -294,8 +294,13 @@ code, pre, .font-mono {
 }
 
 .dark .select {
-    background: rgba(255, 255, 255, 0.05);
-    border-color: rgba(255, 255, 255, 0.1);
+    background: #1a1f2e;
+    border-color: rgba(255, 255, 255, 0.15);
+    color: #e5e7eb;
+}
+
+.dark .select option {
+    background: #1a1f2e;
     color: #e5e7eb;
 }
 
@@ -403,14 +408,36 @@ code, pre, .font-mono {
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                 0 4px 6px -4px rgba(0, 0, 0, 0.1);
     padding: 0.5rem;
+    color: #374151;
+}
+
+.dropdown-content .text-gray-600,
+.dropdown-content .text-gray-500,
+.dropdown-content .text-sm,
+.dropdown-content span,
+.dropdown-content a {
+    color: inherit;
 }
 
 .dark .dropdown-content {
-    background: rgba(15, 20, 25, 0.9);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
+    background: #1a1f2e;
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: 0 20px 40px -8px rgba(0, 0, 0, 0.5);
+    color: #e5e7eb;
+}
+
+.dark .dropdown-content .text-gray-600,
+.dark .dropdown-content .text-gray-500,
+.dark .dropdown-content .text-sm,
+.dark .dropdown-content span,
+.dark .dropdown-content a {
+    color: #e5e7eb;
+}
+
+/* Dropdown items inside dark dropdown should have visible hover */
+.dark .dropdown-content .hover\:bg-gray-200:hover,
+.dark .dropdown-content .hover\:bg-gray-100:hover {
+    background: rgba(255, 255, 255, 0.08);
 }
 
 .divider {
@@ -424,17 +451,27 @@ code, pre, .font-mono {
 }
 
 /* --- Card (used in TokenConvert dropdown) --- */
+.card {
+    background: transparent;
+}
+
 .card.dropdown-content {
     background: #ffffff;
 }
 
 .dark .card.dropdown-content {
-    background: rgba(15, 20, 25, 0.9);
-    backdrop-filter: blur(12px);
-    -webkit-backdrop-filter: blur(12px);
+    background: #1a1f2e;
     border: 1px solid rgba(255, 255, 255, 0.08);
 }
 
+.dark .card.dropdown-content .card-body {
+    color: #e5e7eb;
+}
+
+.dark .card.dropdown-content li {
+    color: #e5e7eb;
+}
+
 /* --- Loading --- */
 .loading {
     display: inline-block;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mictonode/widget",
     "private": false,
-    "version": "0.3.18",
+    "version": "0.3.19",
     "type": "module",
     "main": "dist/ping-widget.js",
     "author": {