@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/react/ui/index.css
CHANGED
|
@@ -599,6 +599,9 @@
|
|
|
599
599
|
.max-h-\[240px\] {
|
|
600
600
|
max-height: 240px;
|
|
601
601
|
}
|
|
602
|
+
.max-h-\[360px\] {
|
|
603
|
+
max-height: 360px;
|
|
604
|
+
}
|
|
602
605
|
.max-h-\[calc\(100dvh-80px\)\] {
|
|
603
606
|
max-height: calc(100dvh - 80px);
|
|
604
607
|
}
|
|
@@ -725,6 +728,9 @@
|
|
|
725
728
|
.min-w-6 {
|
|
726
729
|
min-width: calc(var(--spacing) * 6);
|
|
727
730
|
}
|
|
731
|
+
.min-w-\[var\(--radix-select-trigger-width\)\] {
|
|
732
|
+
min-width: var(--radix-select-trigger-width);
|
|
733
|
+
}
|
|
728
734
|
.min-w-full {
|
|
729
735
|
min-width: 100%;
|
|
730
736
|
}
|
|
@@ -927,6 +933,9 @@
|
|
|
927
933
|
.border-border-base {
|
|
928
934
|
border-color: var(--color-border-base);
|
|
929
935
|
}
|
|
936
|
+
.border-border-error {
|
|
937
|
+
border-color: var(--seq-color-border-error);
|
|
938
|
+
}
|
|
930
939
|
.border-border-normal {
|
|
931
940
|
border-color: var(--seq-color-border-normal);
|
|
932
941
|
}
|
|
@@ -1399,6 +1408,9 @@
|
|
|
1399
1408
|
var(--tw-ring-shadow),
|
|
1400
1409
|
var(--tw-shadow);
|
|
1401
1410
|
}
|
|
1411
|
+
.ring-border-error {
|
|
1412
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1413
|
+
}
|
|
1402
1414
|
.ring-border-focus {
|
|
1403
1415
|
--tw-ring-color: var(--color-border-focus);
|
|
1404
1416
|
}
|
|
@@ -1468,7 +1480,12 @@
|
|
|
1468
1480
|
rotate,
|
|
1469
1481
|
filter,
|
|
1470
1482
|
-webkit-backdrop-filter,
|
|
1471
|
-
backdrop-filter
|
|
1483
|
+
backdrop-filter,
|
|
1484
|
+
display,
|
|
1485
|
+
visibility,
|
|
1486
|
+
content-visibility,
|
|
1487
|
+
overlay,
|
|
1488
|
+
pointer-events;
|
|
1472
1489
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
1473
1490
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
1474
1491
|
}
|
|
@@ -1861,6 +1878,11 @@
|
|
|
1861
1878
|
var(--tw-shadow);
|
|
1862
1879
|
}
|
|
1863
1880
|
}
|
|
1881
|
+
.focus-within\:ring-border-error {
|
|
1882
|
+
&:focus-within {
|
|
1883
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1884
|
+
}
|
|
1885
|
+
}
|
|
1864
1886
|
.focus-within\:ring-border-focus {
|
|
1865
1887
|
&:focus-within {
|
|
1866
1888
|
--tw-ring-color: var(--color-border-focus);
|
|
@@ -1940,6 +1962,11 @@
|
|
|
1940
1962
|
var(--tw-shadow);
|
|
1941
1963
|
}
|
|
1942
1964
|
}
|
|
1965
|
+
.focus\:ring-border-error {
|
|
1966
|
+
&:focus {
|
|
1967
|
+
--tw-ring-color: var(--seq-color-border-error);
|
|
1968
|
+
}
|
|
1969
|
+
}
|
|
1943
1970
|
.focus\:ring-border-focus {
|
|
1944
1971
|
&:focus {
|
|
1945
1972
|
--tw-ring-color: var(--color-border-focus);
|
|
@@ -2313,79 +2340,96 @@
|
|
|
2313
2340
|
overflow: hidden;
|
|
2314
2341
|
}
|
|
2315
2342
|
}
|
|
2316
|
-
.\[\&\>label\>div
|
|
2317
|
-
|
|
2343
|
+
.\[\&\>label\>div\>\>span\]\:text-sm {
|
|
2344
|
+
&>label>div>>span {
|
|
2345
|
+
font-size: var(--text-sm);
|
|
2346
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2347
|
+
}
|
|
2348
|
+
}
|
|
2349
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:h-9 {
|
|
2350
|
+
& > label > div > div > .rounded-xl {
|
|
2318
2351
|
height: calc(var(--spacing) * 9);
|
|
2319
2352
|
}
|
|
2320
2353
|
}
|
|
2321
|
-
.\[\&\>label\>div\>\.rounded-xl\]\:rounded-sm {
|
|
2322
|
-
& > label > div > .rounded-xl {
|
|
2354
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:rounded-sm {
|
|
2355
|
+
& > label > div > div > .rounded-xl {
|
|
2323
2356
|
border-radius: var(--radius-sm);
|
|
2324
2357
|
}
|
|
2325
2358
|
}
|
|
2326
|
-
.\[\&\>label\>div\>\.rounded-xl\]\:px-2 {
|
|
2327
|
-
& > label > div > .rounded-xl {
|
|
2359
|
+
.\[\&\>label\>div\>div\>\.rounded-xl\]\:px-2 {
|
|
2360
|
+
& > label > div > div > .rounded-xl {
|
|
2328
2361
|
padding-inline: calc(var(--spacing) * 2);
|
|
2329
2362
|
}
|
|
2330
2363
|
}
|
|
2331
|
-
.\[\&\>label\>div\>div\]\:h-9 {
|
|
2332
|
-
& > label > div > div {
|
|
2364
|
+
.\[\&\>label\>div\>div\>div\]\:h-9 {
|
|
2365
|
+
& > label > div > div > div {
|
|
2333
2366
|
height: calc(var(--spacing) * 9);
|
|
2334
2367
|
}
|
|
2335
2368
|
}
|
|
2336
|
-
.\[\&\>label\>div\>div\]\:h-13 {
|
|
2337
|
-
& > label > div > div {
|
|
2369
|
+
.\[\&\>label\>div\>div\>div\]\:h-13 {
|
|
2370
|
+
& > label > div > div > div {
|
|
2338
2371
|
height: calc(var(--spacing) * 13);
|
|
2339
2372
|
}
|
|
2340
2373
|
}
|
|
2341
|
-
.\[\&\>label\>div\>div\]\:rounded {
|
|
2342
|
-
& > label > div > div {
|
|
2374
|
+
.\[\&\>label\>div\>div\>div\]\:rounded {
|
|
2375
|
+
& > label > div > div > div {
|
|
2343
2376
|
border-radius: 0.25rem;
|
|
2344
2377
|
}
|
|
2345
2378
|
}
|
|
2346
|
-
.\[\&\>label\>div\>div\]\:rounded-xl {
|
|
2347
|
-
& > label > div > div {
|
|
2379
|
+
.\[\&\>label\>div\>div\>div\]\:rounded-xl {
|
|
2380
|
+
& > label > div > div > div {
|
|
2348
2381
|
border-radius: var(--radius-xl);
|
|
2349
2382
|
}
|
|
2350
2383
|
}
|
|
2351
|
-
.\[\&\>label\>div\>div\]\:pr-0 {
|
|
2352
|
-
& > label > div > div {
|
|
2384
|
+
.\[\&\>label\>div\>div\>div\]\:pr-0 {
|
|
2385
|
+
& > label > div > div > div {
|
|
2353
2386
|
padding-right: calc(var(--spacing) * 0);
|
|
2354
2387
|
}
|
|
2355
2388
|
}
|
|
2356
|
-
.\[\&\>label\>div\>div\]\:pl-3 {
|
|
2357
|
-
& > label > div > div {
|
|
2389
|
+
.\[\&\>label\>div\>div\>div\]\:pl-3 {
|
|
2390
|
+
& > label > div > div > div {
|
|
2358
2391
|
padding-left: calc(var(--spacing) * 3);
|
|
2359
2392
|
}
|
|
2360
2393
|
}
|
|
2361
|
-
.\[\&\>label\>div\>div\]\:text-xs {
|
|
2362
|
-
& > label > div > div {
|
|
2394
|
+
.\[\&\>label\>div\>div\>div\]\:text-xs {
|
|
2395
|
+
& > label > div > div > div {
|
|
2363
2396
|
font-size: var(--text-xs);
|
|
2364
2397
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
2365
2398
|
}
|
|
2366
2399
|
}
|
|
2367
|
-
.\[\&\>label\>div\>div\:has\(\:disabled\)\]\:opacity-100 {
|
|
2368
|
-
& > label > div > div:has(:disabled) {
|
|
2400
|
+
.\[\&\>label\>div\>div\>div\:has\(\:disabled\)\]\:opacity-100 {
|
|
2401
|
+
& > label > div > div > div:has(:disabled) {
|
|
2369
2402
|
opacity: 100%;
|
|
2370
2403
|
}
|
|
2371
2404
|
}
|
|
2372
|
-
.\[\&\>label\>div\>div\:has\(\:disabled\)\:hover\]\:opacity-100 {
|
|
2373
|
-
& > label > div > div:has(:disabled):hover {
|
|
2405
|
+
.\[\&\>label\>div\>div\>div\:has\(\:disabled\)\:hover\]\:opacity-100 {
|
|
2406
|
+
& > label > div > div > div:has(:disabled):hover {
|
|
2374
2407
|
opacity: 100%;
|
|
2375
2408
|
}
|
|
2376
2409
|
}
|
|
2377
|
-
.\[\&\>label\>div\>div\>input\]\:text-
|
|
2378
|
-
& > label > div > div > input {
|
|
2410
|
+
.\[\&\>label\>div\>div\>div\>input\]\:text-sm {
|
|
2411
|
+
& > label > div > div > div > input {
|
|
2412
|
+
font-size: var(--text-sm);
|
|
2413
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2414
|
+
}
|
|
2415
|
+
}
|
|
2416
|
+
.\[\&\>label\>div\>div\>div\>input\]\:text-xs {
|
|
2417
|
+
& > label > div > div > div > input {
|
|
2379
2418
|
font-size: var(--text-xs);
|
|
2380
2419
|
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
2381
2420
|
}
|
|
2382
2421
|
}
|
|
2383
|
-
.\[\&\>label\>div\>span\]\:text-sm {
|
|
2384
|
-
& > label > div > span {
|
|
2422
|
+
.\[\&\>label\>div\>div\>span\]\:text-sm {
|
|
2423
|
+
& > label > div > div > span {
|
|
2385
2424
|
font-size: var(--text-sm);
|
|
2386
2425
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
2387
2426
|
}
|
|
2388
2427
|
}
|
|
2428
|
+
.\[\&\>label\>div\>div\>span\]\:text-text-80 {
|
|
2429
|
+
& > label > div > div > span {
|
|
2430
|
+
color: var(--color-text-80);
|
|
2431
|
+
}
|
|
2432
|
+
}
|
|
2389
2433
|
.\[\&\>label\>div\>span\]\:text-text-80 {
|
|
2390
2434
|
& > label > div > span {
|
|
2391
2435
|
color: var(--color-text-80);
|
|
@@ -2433,6 +2477,7 @@
|
|
|
2433
2477
|
--seq-color-background-raised: rgba(54, 54, 54, 0.7);
|
|
2434
2478
|
--seq-color-border-normal: rgba(255, 255, 255, 0.25);
|
|
2435
2479
|
--seq-color-border-focus: rgba(255, 255, 255, 0.5);
|
|
2480
|
+
--seq-color-border-error: rgba(255, 69, 0, 1);
|
|
2436
2481
|
--seq-color-button-glass: rgba(255, 255, 255, 0.15);
|
|
2437
2482
|
--seq-color-button-emphasis: rgba(0, 0, 0, 0.5);
|
|
2438
2483
|
--seq-color-button-inverse: rgba(255, 255, 255, 0.8);
|
|
@@ -2484,6 +2529,7 @@
|
|
|
2484
2529
|
--seq-color-background-raised: rgba(192, 192, 192, 0.7);
|
|
2485
2530
|
--seq-color-border-normal: rgba(0, 0, 0, 0.25);
|
|
2486
2531
|
--seq-color-border-focus: rgba(0, 0, 0, 0.5);
|
|
2532
|
+
--seq-color-border-error: rgba(255, 69, 0, 1);
|
|
2487
2533
|
--seq-color-button-glass: rgba(0, 0, 0, 0.15);
|
|
2488
2534
|
--seq-color-button-emphasis: rgba(255, 255, 255, 0.5);
|
|
2489
2535
|
--seq-color-button-inverse: rgba(0, 0, 0, 0.8);
|
|
@@ -2714,5 +2760,5 @@ video::-webkit-media-controls {
|
|
|
2714
2760
|
}
|
|
2715
2761
|
}
|
|
2716
2762
|
}
|
|
2717
|
-
/*! tailwindcss v4.1.
|
|
2763
|
+
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
|
|
2718
2764
|
/*# sourceMappingURL=index.css.map */
|