@rhinestone/deposit-modal 0.1.13 → 0.1.15
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.
- package/README.md +45 -21
- package/dist/index.cjs +854 -655
- package/dist/index.d.cts +6 -12
- package/dist/index.d.ts +6 -12
- package/dist/index.mjs +849 -659
- package/dist/styles.css +76 -21
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -103,33 +103,33 @@
|
|
|
103
103
|
============================================================================= */
|
|
104
104
|
|
|
105
105
|
.rs-modal[data-theme="dark"] {
|
|
106
|
-
--color-gray1: #
|
|
107
|
-
--color-gray2: #
|
|
108
|
-
--color-gray3: #
|
|
109
|
-
--color-gray4: #
|
|
110
|
-
--color-gray5: #
|
|
111
|
-
--color-gray6: #
|
|
112
|
-
--color-gray7: #
|
|
113
|
-
--color-gray8: #
|
|
114
|
-
--color-gray9: #
|
|
115
|
-
--color-gray10: #
|
|
116
|
-
--color-gray11: #
|
|
117
|
-
--color-gray12: #
|
|
106
|
+
--color-gray1: #050505;
|
|
107
|
+
--color-gray2: #0a0a0a;
|
|
108
|
+
--color-gray3: #131313;
|
|
109
|
+
--color-gray4: #1a1a1a;
|
|
110
|
+
--color-gray5: #232323;
|
|
111
|
+
--color-gray6: #2c2c2c;
|
|
112
|
+
--color-gray7: #3b3b3b;
|
|
113
|
+
--color-gray8: #525252;
|
|
114
|
+
--color-gray9: #6e6e6e;
|
|
115
|
+
--color-gray10: #9a9a9a;
|
|
116
|
+
--color-gray11: #b0b0b0;
|
|
117
|
+
--color-gray12: #ededed;
|
|
118
118
|
|
|
119
119
|
/* Dark mode tints: translucent overlays instead of light pastels */
|
|
120
|
-
--color-blue3: rgba(0, 144, 255, 0.
|
|
121
|
-
--color-blue4: rgba(0, 144, 255, 0.
|
|
120
|
+
--color-blue3: rgba(0, 144, 255, 0.10);
|
|
121
|
+
--color-blue4: rgba(0, 144, 255, 0.16);
|
|
122
122
|
--color-blue10: #3b9eff;
|
|
123
|
-
--color-green3: rgba(48, 164, 108, 0.
|
|
124
|
-
--color-green4: rgba(48, 164, 108, 0.
|
|
123
|
+
--color-green3: rgba(48, 164, 108, 0.10);
|
|
124
|
+
--color-green4: rgba(48, 164, 108, 0.16);
|
|
125
125
|
--color-green10: #3cb179;
|
|
126
|
-
--color-red3: rgba(229, 72, 77, 0.
|
|
127
|
-
--color-red4: rgba(229, 72, 77, 0.
|
|
126
|
+
--color-red3: rgba(229, 72, 77, 0.10);
|
|
127
|
+
--color-red4: rgba(229, 72, 77, 0.16);
|
|
128
128
|
--color-red10: #f16a6e;
|
|
129
|
-
--color-amber3: rgba(226, 163, 54, 0.
|
|
129
|
+
--color-amber3: rgba(226, 163, 54, 0.10);
|
|
130
130
|
|
|
131
131
|
--rs-shadow-dropdown:
|
|
132
|
-
0 4px
|
|
132
|
+
0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4);
|
|
133
133
|
|
|
134
134
|
color-scheme: dark;
|
|
135
135
|
}
|
|
@@ -1168,7 +1168,6 @@
|
|
|
1168
1168
|
.rs-connect-wallet-row {
|
|
1169
1169
|
display: flex;
|
|
1170
1170
|
align-items: center;
|
|
1171
|
-
justify-content: space-between;
|
|
1172
1171
|
gap: 12px;
|
|
1173
1172
|
width: 100%;
|
|
1174
1173
|
padding: 10px 12px;
|
|
@@ -1197,11 +1196,67 @@
|
|
|
1197
1196
|
border-style: dashed;
|
|
1198
1197
|
}
|
|
1199
1198
|
|
|
1199
|
+
.rs-connect-wallet-icon {
|
|
1200
|
+
display: flex;
|
|
1201
|
+
align-items: center;
|
|
1202
|
+
justify-content: center;
|
|
1203
|
+
width: 36px;
|
|
1204
|
+
height: 36px;
|
|
1205
|
+
min-width: 36px;
|
|
1206
|
+
border-radius: 50%;
|
|
1207
|
+
background: var(--rs-surface);
|
|
1208
|
+
color: var(--rs-muted);
|
|
1209
|
+
transition:
|
|
1210
|
+
background-color 0.15s ease,
|
|
1211
|
+
color 0.15s ease;
|
|
1212
|
+
}
|
|
1213
|
+
|
|
1214
|
+
.rs-connect-wallet-icon svg {
|
|
1215
|
+
width: 18px;
|
|
1216
|
+
height: 18px;
|
|
1217
|
+
}
|
|
1218
|
+
|
|
1219
|
+
.rs-connect-wallet-icon--selected {
|
|
1220
|
+
background: var(--rs-primary-tint);
|
|
1221
|
+
color: var(--rs-primary);
|
|
1222
|
+
}
|
|
1223
|
+
|
|
1224
|
+
.rs-connect-wallet-icon--action {
|
|
1225
|
+
background: var(--rs-background-secondary);
|
|
1226
|
+
color: var(--rs-muted-foreground);
|
|
1227
|
+
}
|
|
1228
|
+
|
|
1229
|
+
.rs-connect-wallet-row:hover .rs-connect-wallet-icon--action {
|
|
1230
|
+
background: var(--rs-surface);
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1233
|
+
.rs-connect-wallet-indicator {
|
|
1234
|
+
display: flex;
|
|
1235
|
+
align-items: center;
|
|
1236
|
+
justify-content: center;
|
|
1237
|
+
width: 16px;
|
|
1238
|
+
height: 16px;
|
|
1239
|
+
min-width: 16px;
|
|
1240
|
+
color: var(--rs-muted-foreground);
|
|
1241
|
+
margin-left: auto;
|
|
1242
|
+
transition: color 0.15s ease;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
.rs-connect-wallet-indicator svg {
|
|
1246
|
+
width: 14px;
|
|
1247
|
+
height: 14px;
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
.rs-connect-wallet-row--selected .rs-connect-wallet-indicator {
|
|
1251
|
+
color: var(--rs-primary);
|
|
1252
|
+
}
|
|
1253
|
+
|
|
1200
1254
|
.rs-connect-wallet-meta {
|
|
1201
1255
|
display: flex;
|
|
1202
1256
|
flex-direction: column;
|
|
1203
1257
|
gap: 2px;
|
|
1204
1258
|
min-width: 0;
|
|
1259
|
+
flex: 1;
|
|
1205
1260
|
}
|
|
1206
1261
|
|
|
1207
1262
|
.rs-connect-wallet-label {
|