@0xsequence/marketplace-sdk 0.8.8 → 0.8.9
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/CHANGELOG.md +6 -0
- package/dist/{chunk-7IYKUVC3.js → chunk-I2BYHDFE.js} +184 -93
- package/dist/chunk-I2BYHDFE.js.map +1 -0
- package/dist/index.css +76 -30
- package/dist/index.css.map +1 -1
- package/dist/react/index.css +76 -30
- package/dist/react/index.css.map +1 -1
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +3 -1
- package/dist/react/ui/components/collectible-card/index.css +76 -30
- package/dist/react/ui/components/collectible-card/index.css.map +1 -1
- package/dist/react/ui/components/collectible-card/index.d.ts +22 -1
- package/dist/react/ui/components/collectible-card/index.js +3 -1
- package/dist/react/ui/index.css +76 -30
- package/dist/react/ui/index.css.map +1 -1
- package/dist/react/ui/index.d.ts +1 -1
- package/dist/react/ui/index.js +3 -1
- package/package.json +4 -3
- package/src/react/ui/components/ModelViewer.tsx +54 -0
- package/src/react/ui/components/_internals/custom-select/CustomSelect.tsx +0 -1
- package/src/react/ui/components/collectible-card/CollectibleCard.tsx +5 -1
- package/src/react/ui/components/collectible-card/__tests__/CollectibleAsset.test.tsx +4 -4
- package/src/react/ui/components/collectible-card/collectible-asset/CollectibleAsset.tsx +50 -15
- package/src/react/ui/components/collectible-card/collectible-asset/utils.ts +8 -4
- package/src/react/ui/components/collectible-card/index.ts +1 -0
- package/src/react/ui/index.ts +1 -0
- package/src/react/ui/modals/SuccessfulPurchaseModal/index.tsx +9 -7
- package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/TokenQuantityInput.tsx +1 -1
- package/src/react/ui/modals/TransferModal/_views/enterWalletAddress/_components/WalletAddressInput.tsx +1 -1
- package/src/react/ui/modals/_internal/components/actionModal/ActionModal.test.tsx +0 -1
- package/src/react/ui/modals/_internal/components/priceInput/index.tsx +1 -1
- package/src/react/ui/modals/_internal/components/quantityInput/index.tsx +1 -2
- package/src/react/ui/modals/_internal/components/waasFeeOptionsSelect/WaasFeeOptionsSelect.tsx +0 -1
- package/src/utils/fetchContentType.ts +6 -3
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/chunk-7IYKUVC3.js.map +0 -1
package/dist/index.css
CHANGED
|
@@ -531,6 +531,9 @@
|
|
|
531
531
|
.max-h-\[240px\] {
|
|
532
532
|
max-height: 240px;
|
|
533
533
|
}
|
|
534
|
+
.max-h-\[360px\] {
|
|
535
|
+
max-height: 360px;
|
|
536
|
+
}
|
|
534
537
|
.max-h-\[calc\(100dvh-80px\)\] {
|
|
535
538
|
max-height: calc(100dvh - 80px);
|
|
536
539
|
}
|
|
@@ -657,6 +660,9 @@
|
|
|
657
660
|
.min-w-6 {
|
|
658
661
|
min-width: calc(var(--spacing) * 6);
|
|
659
662
|
}
|
|
663
|
+
.min-w-\[var\(--radix-select-trigger-width\)\] {
|
|
664
|
+
min-width: var(--radix-select-trigger-width);
|
|
665
|
+
}
|
|
660
666
|
.min-w-full {
|
|
661
667
|
min-width: 100%;
|
|
662
668
|
}
|
|
@@ -859,6 +865,9 @@
|
|
|
859
865
|
.border-border-base {
|
|
860
866
|
border-color: var(--color-border-base);
|
|
861
867
|
}
|
|
868
|
+
.border-border-error {
|
|
869
|
+
border-color: var(--seq-color-border-error);
|
|
870
|
+
}
|
|
862
871
|
.border-border-normal {
|
|
863
872
|
border-color: var(--seq-color-border-normal);
|
|
864
873
|
}
|
|
@@ -1331,6 +1340,9 @@
|
|
|
1331
1340
|
var(--tw-ring-shadow),
|
|
1332
1341
|
var(--tw-shadow);
|
|
1333
1342
|
}
|
|
1343
|
+
.ring-border-error {
|
|
1344
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1345
|
+
}
|
|
1334
1346
|
.ring-border-focus {
|
|
1335
1347
|
--tw-ring-color: var(--color-border-focus);
|
|
1336
1348
|
}
|
|
@@ -1400,7 +1412,12 @@
|
|
|
1400
1412
|
rotate,
|
|
1401
1413
|
filter,
|
|
1402
1414
|
-webkit-backdrop-filter,
|
|
1403
|
-
backdrop-filter
|
|
1415
|
+
backdrop-filter,
|
|
1416
|
+
display,
|
|
1417
|
+
visibility,
|
|
1418
|
+
content-visibility,
|
|
1419
|
+
overlay,
|
|
1420
|
+
pointer-events;
|
|
1404
1421
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1405
1422
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1406
1423
|
}
|
|
@@ -1793,6 +1810,11 @@
|
|
|
1793
1810
|
var(--tw-shadow);
|
|
1794
1811
|
}
|
|
1795
1812
|
}
|
|
1813
|
+
.focus-within\:ring-border-error {
|
|
1814
|
+
&:focus-within {
|
|
1815
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1816
|
+
}
|
|
1817
|
+
}
|
|
1796
1818
|
.focus-within\:ring-border-focus {
|
|
1797
1819
|
&:focus-within {
|
|
1798
1820
|
--tw-ring-color: var(--color-border-focus);
|
|
@@ -1872,6 +1894,11 @@
|
|
|
1872
1894
|
var(--tw-shadow);
|
|
1873
1895
|
}
|
|
1874
1896
|
}
|
|
1897
|
+
.focus\:ring-border-error {
|
|
1898
|
+
&:focus {
|
|
1899
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1900
|
+
}
|
|
1901
|
+
}
|
|
1875
1902
|
.focus\:ring-border-focus {
|
|
1876
1903
|
&:focus {
|
|
1877
1904
|
--tw-ring-color: var(--color-border-focus);
|
|
@@ -2245,79 +2272,96 @@
|
|
|
2245
2272
|
overflow: hidden;
|
|
2246
2273
|
}
|
|
2247
2274
|
}
|
|
2248
|
-
.\[\&\>label\>div
|
|
2249
|
-
|
|
2275
|
+
.\[\&\>label\>div\>\>span\]\:text-sm {
|
|
2276
|
+
&>label>div>>span {
|
|
2277
|
+
font-size: var(--text-sm);
|
|
2278
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2279
|
+
}
|
|
2280
|
+
}
|
|
2281
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:h-9 {
|
|
2282
|
+
& > label > div > div > .rounded-xl {
|
|
2250
2283
|
height: calc(var(--spacing) * 9);
|
|
2251
2284
|
}
|
|
2252
2285
|
}
|
|
2253
|
-
.\[\&\>label\>div\>\.rounded-xl\]\:rounded-sm {
|
|
2254
|
-
& > label > div > .rounded-xl {
|
|
2286
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:rounded-sm {
|
|
2287
|
+
& > label > div > div > .rounded-xl {
|
|
2255
2288
|
border-radius: var(--radius-sm);
|
|
2256
2289
|
}
|
|
2257
2290
|
}
|
|
2258
|
-
.\[\&\>label\>div\>\.rounded-xl\]\:px-2 {
|
|
2259
|
-
& > label > div > .rounded-xl {
|
|
2291
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:px-2 {
|
|
2292
|
+
& > label > div > div > .rounded-xl {
|
|
2260
2293
|
padding-inline: calc(var(--spacing) * 2);
|
|
2261
2294
|
}
|
|
2262
2295
|
}
|
|
2263
|
-
.\[\&\>label\>div\>div\]\:h-9 {
|
|
2264
|
-
& > label > div > div {
|
|
2296
|
+
.\[\&\>label\>div\>div\>div\]\:h-9 {
|
|
2297
|
+
& > label > div > div > div {
|
|
2265
2298
|
height: calc(var(--spacing) * 9);
|
|
2266
2299
|
}
|
|
2267
2300
|
}
|
|
2268
|
-
.\[\&\>label\>div\>div\]\:h-13 {
|
|
2269
|
-
& > label > div > div {
|
|
2301
|
+
.\[\&\>label\>div\>div\>div\]\:h-13 {
|
|
2302
|
+
& > label > div > div > div {
|
|
2270
2303
|
height: calc(var(--spacing) * 13);
|
|
2271
2304
|
}
|
|
2272
2305
|
}
|
|
2273
|
-
.\[\&\>label\>div\>div\]\:rounded {
|
|
2274
|
-
& > label > div > div {
|
|
2306
|
+
.\[\&\>label\>div\>div\>div\]\:rounded {
|
|
2307
|
+
& > label > div > div > div {
|
|
2275
2308
|
border-radius: 0.25rem;
|
|
2276
2309
|
}
|
|
2277
2310
|
}
|
|
2278
|
-
.\[\&\>label\>div\>div\]\:rounded-xl {
|
|
2279
|
-
& > label > div > div {
|
|
2311
|
+
.\[\&\>label\>div\>div\>div\]\:rounded-xl {
|
|
2312
|
+
& > label > div > div > div {
|
|
2280
2313
|
border-radius: var(--radius-xl);
|
|
2281
2314
|
}
|
|
2282
2315
|
}
|
|
2283
|
-
.\[\&\>label\>div\>div\]\:pr-0 {
|
|
2284
|
-
& > label > div > div {
|
|
2316
|
+
.\[\&\>label\>div\>div\>div\]\:pr-0 {
|
|
2317
|
+
& > label > div > div > div {
|
|
2285
2318
|
padding-right: calc(var(--spacing) * 0);
|
|
2286
2319
|
}
|
|
2287
2320
|
}
|
|
2288
|
-
.\[\&\>label\>div\>div\]\:pl-3 {
|
|
2289
|
-
& > label > div > div {
|
|
2321
|
+
.\[\&\>label\>div\>div\>div\]\:pl-3 {
|
|
2322
|
+
& > label > div > div > div {
|
|
2290
2323
|
padding-left: calc(var(--spacing) * 3);
|
|
2291
2324
|
}
|
|
2292
2325
|
}
|
|
2293
|
-
.\[\&\>label\>div\>div\]\:text-xs {
|
|
2294
|
-
& > label > div > div {
|
|
2326
|
+
.\[\&\>label\>div\>div\>div\]\:text-xs {
|
|
2327
|
+
& > label > div > div > div {
|
|
2295
2328
|
font-size: var(--text-xs);
|
|
2296
2329
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
2297
2330
|
}
|
|
2298
2331
|
}
|
|
2299
|
-
.\[\&\>label\>div\>div\:has\(\:disabled\)\]\:opacity-100 {
|
|
2300
|
-
& > label > div > div:has(:disabled) {
|
|
2332
|
+
.\[\&\>label\>div\>div\>div\:has\(\:disabled\)\]\:opacity-100 {
|
|
2333
|
+
& > label > div > div > div:has(:disabled) {
|
|
2301
2334
|
opacity: 100%;
|
|
2302
2335
|
}
|
|
2303
2336
|
}
|
|
2304
|
-
.\[\&\>label\>div\>div\:has\(\:disabled\)\:hover\]\:opacity-100 {
|
|
2305
|
-
& > label > div > div:has(:disabled):hover {
|
|
2337
|
+
.\[\&\>label\>div\>div\>div\:has\(\:disabled\)\:hover\]\:opacity-100 {
|
|
2338
|
+
& > label > div > div > div:has(:disabled):hover {
|
|
2306
2339
|
opacity: 100%;
|
|
2307
2340
|
}
|
|
2308
2341
|
}
|
|
2309
|
-
.\[\&\>label\>div\>div\>input\]\:text-
|
|
2310
|
-
& > label > div > div > input {
|
|
2342
|
+
.\[\&\>label\>div\>div\>div\>input\]\:text-sm {
|
|
2343
|
+
& > label > div > div > div > input {
|
|
2344
|
+
font-size: var(--text-sm);
|
|
2345
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2346
|
+
}
|
|
2347
|
+
}
|
|
2348
|
+
.\[\&\>label\>div\>div\>div\>input\]\:text-xs {
|
|
2349
|
+
& > label > div > div > div > input {
|
|
2311
2350
|
font-size: var(--text-xs);
|
|
2312
2351
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
2313
2352
|
}
|
|
2314
2353
|
}
|
|
2315
|
-
.\[\&\>label\>div\>span\]\:text-sm {
|
|
2316
|
-
& > label > div > span {
|
|
2354
|
+
.\[\&\>label\>div\>div\>span\]\:text-sm {
|
|
2355
|
+
& > label > div > div > span {
|
|
2317
2356
|
font-size: var(--text-sm);
|
|
2318
2357
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2319
2358
|
}
|
|
2320
2359
|
}
|
|
2360
|
+
.\[\&\>label\>div\>div\>span\]\:text-text-80 {
|
|
2361
|
+
& > label > div > div > span {
|
|
2362
|
+
color: var(--color-text-80);
|
|
2363
|
+
}
|
|
2364
|
+
}
|
|
2321
2365
|
.\[\&\>label\>div\>span\]\:text-text-80 {
|
|
2322
2366
|
& > label > div > span {
|
|
2323
2367
|
color: var(--color-text-80);
|
|
@@ -2365,6 +2409,7 @@
|
|
|
2365
2409
|
--seq-color-background-raised: rgba(54, 54, 54, 0.7);
|
|
2366
2410
|
--seq-color-border-normal: rgba(255, 255, 255, 0.25);
|
|
2367
2411
|
--seq-color-border-focus: rgba(255, 255, 255, 0.5);
|
|
2412
|
+
--seq-color-border-error: rgba(255, 69, 0, 1);
|
|
2368
2413
|
--seq-color-button-glass: rgba(255, 255, 255, 0.15);
|
|
2369
2414
|
--seq-color-button-emphasis: rgba(0, 0, 0, 0.5);
|
|
2370
2415
|
--seq-color-button-inverse: rgba(255, 255, 255, 0.8);
|
|
@@ -2416,6 +2461,7 @@
|
|
|
2416
2461
|
--seq-color-background-raised: rgba(192, 192, 192, 0.7);
|
|
2417
2462
|
--seq-color-border-normal: rgba(0, 0, 0, 0.25);
|
|
2418
2463
|
--seq-color-border-focus: rgba(0, 0, 0, 0.5);
|
|
2464
|
+
--seq-color-border-error: rgba(255, 69, 0, 1);
|
|
2419
2465
|
--seq-color-button-glass: rgba(0, 0, 0, 0.15);
|
|
2420
2466
|
--seq-color-button-emphasis: rgba(255, 255, 255, 0.5);
|
|
2421
2467
|
--seq-color-button-inverse: rgba(0, 0, 0, 0.8);
|
|
@@ -2646,5 +2692,5 @@ video::-webkit-media-controls {
|
|
|
2646
2692
|
}
|
|
2647
2693
|
}
|
|
2648
2694
|
}
|
|
2649
|
-
/*! tailwindcss v4.1.
|
|
2695
|
+
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
|
|
2650
2696
|
/*# sourceMappingURL=index.css.map */
|