@relayprotocol/relay-kit-ui 5.0.6 → 5.1.1

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 (70) hide show
  1. package/_cjs/src/components/common/BalanceDisplay.js.map +1 -1
  2. package/_cjs/src/components/common/CustomAddressModal.js +24 -2
  3. package/_cjs/src/components/common/CustomAddressModal.js.map +1 -1
  4. package/_cjs/src/components/common/ErrorWell.js +3 -0
  5. package/_cjs/src/components/common/ErrorWell.js.map +1 -1
  6. package/_cjs/src/components/common/PercentageButtons.js +64 -0
  7. package/_cjs/src/components/common/PercentageButtons.js.map +1 -0
  8. package/_cjs/src/components/common/SlippageToleranceConfig.js +133 -44
  9. package/_cjs/src/components/common/SlippageToleranceConfig.js.map +1 -1
  10. package/_cjs/src/components/primitives/Input.js +5 -4
  11. package/_cjs/src/components/primitives/Input.js.map +1 -1
  12. package/_cjs/src/components/widgets/SwapWidget/index.js +44 -103
  13. package/_cjs/src/components/widgets/SwapWidget/index.js.map +1 -1
  14. package/_cjs/src/constants/walletCompatibility.js +2 -1
  15. package/_cjs/src/constants/walletCompatibility.js.map +1 -1
  16. package/_cjs/src/hooks/index.js +3 -1
  17. package/_cjs/src/hooks/index.js.map +1 -1
  18. package/_cjs/src/hooks/useCurrencyBalance.js +21 -0
  19. package/_cjs/src/hooks/useCurrencyBalance.js.map +1 -1
  20. package/_cjs/src/hooks/useTronBalance.js +114 -0
  21. package/_cjs/src/hooks/useTronBalance.js.map +1 -0
  22. package/_cjs/src/styles.css +201 -94
  23. package/_cjs/src/version.js +1 -1
  24. package/_cjs/tsconfig.build.tsbuildinfo +1 -1
  25. package/_esm/src/components/common/BalanceDisplay.js +0 -1
  26. package/_esm/src/components/common/BalanceDisplay.js.map +1 -1
  27. package/_esm/src/components/common/CustomAddressModal.js +25 -3
  28. package/_esm/src/components/common/CustomAddressModal.js.map +1 -1
  29. package/_esm/src/components/common/ErrorWell.js +3 -0
  30. package/_esm/src/components/common/ErrorWell.js.map +1 -1
  31. package/_esm/src/components/common/PercentageButtons.js +61 -0
  32. package/_esm/src/components/common/PercentageButtons.js.map +1 -0
  33. package/_esm/src/components/common/SlippageToleranceConfig.js +135 -45
  34. package/_esm/src/components/common/SlippageToleranceConfig.js.map +1 -1
  35. package/_esm/src/components/primitives/Input.js +5 -4
  36. package/_esm/src/components/primitives/Input.js.map +1 -1
  37. package/_esm/src/components/widgets/SwapWidget/index.js +52 -111
  38. package/_esm/src/components/widgets/SwapWidget/index.js.map +1 -1
  39. package/_esm/src/constants/walletCompatibility.js +2 -1
  40. package/_esm/src/constants/walletCompatibility.js.map +1 -1
  41. package/_esm/src/hooks/index.js +2 -1
  42. package/_esm/src/hooks/index.js.map +1 -1
  43. package/_esm/src/hooks/useCurrencyBalance.js +21 -0
  44. package/_esm/src/hooks/useCurrencyBalance.js.map +1 -1
  45. package/_esm/src/hooks/useTronBalance.js +112 -0
  46. package/_esm/src/hooks/useTronBalance.js.map +1 -0
  47. package/_esm/src/styles.css +201 -94
  48. package/_esm/src/version.js +1 -1
  49. package/_esm/tsconfig.build.tsbuildinfo +1 -1
  50. package/_types/src/components/common/BalanceDisplay.d.ts.map +1 -1
  51. package/_types/src/components/common/CustomAddressModal.d.ts.map +1 -1
  52. package/_types/src/components/common/ErrorWell.d.ts.map +1 -1
  53. package/_types/src/components/common/PercentageButtons.d.ts +15 -0
  54. package/_types/src/components/common/PercentageButtons.d.ts.map +1 -0
  55. package/_types/src/components/common/SlippageToleranceConfig.d.ts.map +1 -1
  56. package/_types/src/components/primitives/Input.d.ts +1 -0
  57. package/_types/src/components/primitives/Input.d.ts.map +1 -1
  58. package/_types/src/components/widgets/SwapWidget/index.d.ts.map +1 -1
  59. package/_types/src/constants/walletCompatibility.d.ts.map +1 -1
  60. package/_types/src/hooks/index.d.ts +2 -1
  61. package/_types/src/hooks/index.d.ts.map +1 -1
  62. package/_types/src/hooks/useCurrencyBalance.d.ts.map +1 -1
  63. package/_types/src/hooks/useTronBalance.d.ts +15 -0
  64. package/_types/src/hooks/useTronBalance.d.ts.map +1 -0
  65. package/_types/src/utils/quote.d.ts +2 -2
  66. package/_types/src/version.d.ts +1 -1
  67. package/_types/tsconfig.build.tsbuildinfo +1 -1
  68. package/dist/panda.buildinfo.json +60 -31
  69. package/dist/styles.css +201 -94
  70. package/package.json +3 -3
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTronBalance.js","sourceRoot":"","sources":["../../../src/hooks/useTronBalance.ts"],"names":[],"mappings":"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"}
@@ -1164,6 +1164,38 @@
1164
1164
  position: absolute;
1165
1165
  }
1166
1166
 
1167
+ .relay-transform_translateY\(-50\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
1168
+ transform: translateY(-50%);
1169
+ }
1170
+
1171
+ .relay-w_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
1172
+ width: 24px;
1173
+ }
1174
+
1175
+ .relay-h_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
1176
+ height: 24px;
1177
+ }
1178
+
1179
+ .relay-min-w_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
1180
+ min-width: 24px;
1181
+ }
1182
+
1183
+ .relay-min-h_24px:not(#\#):not(#\#):not(#\#):not(#\#) {
1184
+ min-height: 24px;
1185
+ }
1186
+
1187
+ .relay-p_0:not(#\#):not(#\#):not(#\#):not(#\#) {
1188
+ padding: 0;
1189
+ }
1190
+
1191
+ .relay-rounded_4px:not(#\#):not(#\#):not(#\#):not(#\#) {
1192
+ border-radius: 4px;
1193
+ }
1194
+
1195
+ .relay-text_gray8:not(#\#):not(#\#):not(#\#):not(#\#) {
1196
+ color: var(--relay-colors-gray8);
1197
+ }
1198
+
1167
1199
  .relay-text_\#FFA01C:not(#\#):not(#\#):not(#\#):not(#\#) {
1168
1200
  color: #FFA01C;
1169
1201
  }
@@ -1268,24 +1300,56 @@
1268
1300
  --borderColor: var(--relay-colors-gray-6);
1269
1301
  }
1270
1302
 
1271
- .relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
1272
- background: var(--relay-colors-subtle-background-color);
1303
+ .relay-w_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
1304
+ width: auto;
1273
1305
  }
1274
1306
 
1275
- .relay-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
1276
- border: var(--relay-borders-widget-card-border);
1307
+ .relay-py_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
1308
+ padding-block: 6px;
1277
1309
  }
1278
1310
 
1279
- .relay-h_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
1280
- height: 36px;
1311
+ .relay-min-h_auto:not(#\#):not(#\#):not(#\#):not(#\#) {
1312
+ min-height: auto;
1281
1313
  }
1282
1314
 
1283
- .relay-px_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
1284
- padding-inline: 10px;
1315
+ .relay-min-h_23px:not(#\#):not(#\#):not(#\#):not(#\#) {
1316
+ min-height: 23px;
1285
1317
  }
1286
1318
 
1287
- .relay-max-w_190:not(#\#):not(#\#):not(#\#):not(#\#) {
1288
- max-width: 190px;
1319
+ .relay-rounded_6px:not(#\#):not(#\#):not(#\#):not(#\#) {
1320
+ border-radius: 6px;
1321
+ }
1322
+
1323
+ .relay-rounded_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
1324
+ border-radius: 12px;
1325
+ }
1326
+
1327
+ .relay-flex_1:not(#\#):not(#\#):not(#\#):not(#\#) {
1328
+ flex: 1 1 0%;
1329
+ }
1330
+
1331
+ .relay-flex_none:not(#\#):not(#\#):not(#\#):not(#\#) {
1332
+ flex: none;
1333
+ }
1334
+
1335
+ .relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
1336
+ padding-inline: var(--relay-spacing-1);
1337
+ }
1338
+
1339
+ .relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
1340
+ border: none;
1341
+ }
1342
+
1343
+ .relay-text_white:not(#\#):not(#\#):not(#\#):not(#\#) {
1344
+ color: white;
1345
+ }
1346
+
1347
+ .relay-gap_3:not(#\#):not(#\#):not(#\#):not(#\#) {
1348
+ gap: var(--relay-spacing-3);
1349
+ }
1350
+
1351
+ .relay-w_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
1352
+ width: 50%;
1289
1353
  }
1290
1354
 
1291
1355
  .relay-text_subtle:not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1296,30 +1360,54 @@
1296
1360
  color: var(--relay-colors-red11);
1297
1361
  }
1298
1362
 
1363
+ .relay-max-w_190:not(#\#):not(#\#):not(#\#):not(#\#) {
1364
+ max-width: 190px;
1365
+ }
1366
+
1367
+ .relay-d_none:not(#\#):not(#\#):not(#\#):not(#\#) {
1368
+ display: none;
1369
+ }
1370
+
1299
1371
  .relay-max-w_188:not(#\#):not(#\#):not(#\#):not(#\#) {
1300
1372
  max-width: 188px;
1301
1373
  }
1302
1374
 
1303
- .relay-text_gray8:not(#\#):not(#\#):not(#\#):not(#\#) {
1304
- color: var(--relay-colors-gray8);
1375
+ .relay-min-h_32:not(#\#):not(#\#):not(#\#):not(#\#) {
1376
+ min-height: 32px;
1305
1377
  }
1306
1378
 
1307
- .relay-transform_translateY\(-50\%\):not(#\#):not(#\#):not(#\#):not(#\#) {
1308
- transform: translateY(-50%);
1379
+ .relay-py_2:not(#\#):not(#\#):not(#\#):not(#\#) {
1380
+ padding-block: var(--relay-spacing-2);
1309
1381
  }
1310
1382
 
1311
- .relay-w_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
1312
- width: 50%;
1383
+ .relay-bg_subtle-background-color:not(#\#):not(#\#):not(#\#):not(#\#) {
1384
+ background: var(--relay-colors-subtle-background-color);
1313
1385
  }
1314
1386
 
1315
- .relay-border_none:not(#\#):not(#\#):not(#\#):not(#\#) {
1316
- border: none;
1387
+ .relay-border_widget-card-border:not(#\#):not(#\#):not(#\#):not(#\#) {
1388
+ border: var(--relay-borders-widget-card-border);
1389
+ }
1390
+
1391
+ .relay-h_36px:not(#\#):not(#\#):not(#\#):not(#\#) {
1392
+ height: 36px;
1393
+ }
1394
+
1395
+ .relay-px_10px:not(#\#):not(#\#):not(#\#):not(#\#) {
1396
+ padding-inline: 10px;
1317
1397
  }
1318
1398
 
1319
1399
  .relay-text-align_right:not(#\#):not(#\#):not(#\#):not(#\#) {
1320
1400
  text-align: right;
1321
1401
  }
1322
1402
 
1403
+ .relay-min-h_262px:not(#\#):not(#\#):not(#\#):not(#\#) {
1404
+ min-height: 262px;
1405
+ }
1406
+
1407
+ .relay-max-h_90vh:not(#\#):not(#\#):not(#\#):not(#\#) {
1408
+ max-height: 90vh;
1409
+ }
1410
+
1323
1411
  .relay-fill_currentColor:not(#\#):not(#\#):not(#\#):not(#\#) {
1324
1412
  fill: currentColor;
1325
1413
  }
@@ -1364,18 +1452,10 @@
1364
1452
  padding: var(--relay-spacing-3);
1365
1453
  }
1366
1454
 
1367
- .relay-gap_3:not(#\#):not(#\#):not(#\#):not(#\#) {
1368
- gap: var(--relay-spacing-3);
1369
- }
1370
-
1371
1455
  .relay-bg_gray2:not(#\#):not(#\#):not(#\#):not(#\#) {
1372
1456
  background: var(--relay-colors-gray2);
1373
1457
  }
1374
1458
 
1375
- .relay-rounded_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
1376
- border-radius: 12px;
1377
- }
1378
-
1379
1459
  .relay-text_amber9:not(#\#):not(#\#):not(#\#):not(#\#) {
1380
1460
  color: var(--relay-colors-amber9);
1381
1461
  }
@@ -1392,10 +1472,6 @@
1392
1472
  height: 14px;
1393
1473
  }
1394
1474
 
1395
- .relay-flex_1:not(#\#):not(#\#):not(#\#):not(#\#) {
1396
- flex: 1 1 0%;
1397
- }
1398
-
1399
1475
  .relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
1400
1476
  background: var(--relay-colors-gray3);
1401
1477
  }
@@ -1454,10 +1530,6 @@
1454
1530
  transition: filter 250ms linear;
1455
1531
  }
1456
1532
 
1457
- .relay-text_white:not(#\#):not(#\#):not(#\#):not(#\#) {
1458
- color: white;
1459
- }
1460
-
1461
1533
  .relay-rounded_0:not(#\#):not(#\#):not(#\#):not(#\#) {
1462
1534
  border-radius: 0;
1463
1535
  }
@@ -1474,10 +1546,6 @@
1474
1546
  padding-inline: var(--relay-spacing-3);
1475
1547
  }
1476
1548
 
1477
- .relay-py_2:not(#\#):not(#\#):not(#\#):not(#\#) {
1478
- padding-block: var(--relay-spacing-2);
1479
- }
1480
-
1481
1549
  .relay-px_5:not(#\#):not(#\#):not(#\#):not(#\#) {
1482
1550
  padding-inline: var(--relay-spacing-5);
1483
1551
  }
@@ -1784,14 +1852,6 @@
1784
1852
  color: warningSecondary;
1785
1853
  }
1786
1854
 
1787
- .relay-px_1:not(#\#):not(#\#):not(#\#):not(#\#) {
1788
- padding-inline: var(--relay-spacing-1);
1789
- }
1790
-
1791
- .relay-min-h_23px:not(#\#):not(#\#):not(#\#):not(#\#) {
1792
- min-height: 23px;
1793
- }
1794
-
1795
1855
  .relay-transform_rotate\(-180deg\):not(#\#):not(#\#):not(#\#):not(#\#) {
1796
1856
  transform: rotate(-180deg);
1797
1857
  }
@@ -2388,18 +2448,30 @@
2388
2448
  flex-wrap: wrap;
2389
2449
  }
2390
2450
 
2391
- .relay-right_2:not(#\#):not(#\#):not(#\#):not(#\#) {
2392
- right: var(--relay-spacing-2);
2451
+ .relay-right_8px:not(#\#):not(#\#):not(#\#):not(#\#) {
2452
+ right: 8px;
2393
2453
  }
2394
2454
 
2395
- .relay-top_3:not(#\#):not(#\#):not(#\#):not(#\#) {
2396
- top: var(--relay-spacing-3);
2455
+ .relay-top_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
2456
+ top: 50%;
2397
2457
  }
2398
2458
 
2399
2459
  .relay-justify_center:not(#\#):not(#\#):not(#\#):not(#\#) {
2400
2460
  justify-content: center;
2401
2461
  }
2402
2462
 
2463
+ .relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
2464
+ background-color: var(--relay-colors-gray3);
2465
+ }
2466
+
2467
+ .relay-right_2:not(#\#):not(#\#):not(#\#):not(#\#) {
2468
+ right: var(--relay-spacing-2);
2469
+ }
2470
+
2471
+ .relay-top_3:not(#\#):not(#\#):not(#\#):not(#\#) {
2472
+ top: var(--relay-spacing-3);
2473
+ }
2474
+
2403
2475
  .relay-top_0:not(#\#):not(#\#):not(#\#):not(#\#) {
2404
2476
  top: 0;
2405
2477
  }
@@ -2428,26 +2500,50 @@
2428
2500
  flex-shrink: 0;
2429
2501
  }
2430
2502
 
2431
- .relay-leading_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
2432
- line-height: 14px;
2503
+ .relay-mb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
2504
+ margin-bottom: var(--relay-spacing-1);
2433
2505
  }
2434
2506
 
2435
- .relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
2436
- flex-direction: row;
2507
+ .relay-mb_0:not(#\#):not(#\#):not(#\#):not(#\#) {
2508
+ margin-bottom: 0;
2437
2509
  }
2438
2510
 
2439
- .relay-right_8:not(#\#):not(#\#):not(#\#):not(#\#) {
2440
- right: 8px;
2511
+ .relay-fs_14:not(#\#):not(#\#):not(#\#):not(#\#) {
2512
+ font-size: 14px;
2441
2513
  }
2442
2514
 
2443
- .relay-top_50\%:not(#\#):not(#\#):not(#\#):not(#\#) {
2444
- top: 50%;
2515
+ .relay-fs_12:not(#\#):not(#\#):not(#\#):not(#\#) {
2516
+ font-size: 12px;
2517
+ }
2518
+
2519
+ .relay-fw_500:not(#\#):not(#\#):not(#\#):not(#\#) {
2520
+ font-weight: 500;
2521
+ }
2522
+
2523
+ .relay-leading_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
2524
+ line-height: 100%;
2525
+ }
2526
+
2527
+ .relay-bg_widget-selector-background:not(#\#):not(#\#):not(#\#):not(#\#) {
2528
+ background-color: var(--relay-colors-widget-selector-background);
2529
+ }
2530
+
2531
+ .relay-leading_14px:not(#\#):not(#\#):not(#\#):not(#\#) {
2532
+ line-height: 14px;
2533
+ }
2534
+
2535
+ .relay-flex_row:not(#\#):not(#\#):not(#\#):not(#\#) {
2536
+ flex-direction: row;
2445
2537
  }
2446
2538
 
2447
2539
  .relay-pr_28px\!:not(#\#) {
2448
2540
  padding-right: 28px !important;
2449
2541
  }
2450
2542
 
2543
+ .relay-right_8:not(#\#):not(#\#):not(#\#):not(#\#) {
2544
+ right: 8px;
2545
+ }
2546
+
2451
2547
  .relay-ml_-20px:not(#\#):not(#\#):not(#\#):not(#\#) {
2452
2548
  margin-left: -20px;
2453
2549
  }
@@ -2456,14 +2552,6 @@
2456
2552
  margin-left: 0;
2457
2553
  }
2458
2554
 
2459
- .relay-fw_500:not(#\#):not(#\#):not(#\#):not(#\#) {
2460
- font-weight: 500;
2461
- }
2462
-
2463
- .relay-fs_14:not(#\#):not(#\#):not(#\#):not(#\#) {
2464
- font-size: 14px;
2465
- }
2466
-
2467
2555
  .relay-fw_900:not(#\#):not(#\#):not(#\#):not(#\#) {
2468
2556
  font-weight: 900;
2469
2557
  }
@@ -2504,10 +2592,6 @@
2504
2592
  background-color: var(--relay-colors-amber3);
2505
2593
  }
2506
2594
 
2507
- .relay-bg_gray3:not(#\#):not(#\#):not(#\#):not(#\#) {
2508
- background-color: var(--relay-colors-gray3);
2509
- }
2510
-
2511
2595
  .relay-leading_16px:not(#\#):not(#\#):not(#\#):not(#\#) {
2512
2596
  line-height: 16px;
2513
2597
  }
@@ -2720,18 +2804,6 @@
2720
2804
  align-self: flex-start;
2721
2805
  }
2722
2806
 
2723
- .relay-fs_12:not(#\#):not(#\#):not(#\#):not(#\#) {
2724
- font-size: 12px;
2725
- }
2726
-
2727
- .relay-leading_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
2728
- line-height: 100%;
2729
- }
2730
-
2731
- .relay-bg_widget-selector-background:not(#\#):not(#\#):not(#\#):not(#\#) {
2732
- background-color: var(--relay-colors-widget-selector-background);
2733
- }
2734
-
2735
2807
  .relay-ml_2:not(#\#):not(#\#):not(#\#):not(#\#) {
2736
2808
  margin-left: var(--relay-spacing-2);
2737
2809
  }
@@ -2920,14 +2992,6 @@
2920
2992
  justify-items: space-between;
2921
2993
  }
2922
2994
 
2923
- .relay-mb_1:not(#\#):not(#\#):not(#\#):not(#\#) {
2924
- margin-bottom: var(--relay-spacing-1);
2925
- }
2926
-
2927
- .relay-mb_0:not(#\#):not(#\#):not(#\#):not(#\#) {
2928
- margin-bottom: 0;
2929
- }
2930
-
2931
2995
  .relay-scroll-pt_40px:not(#\#):not(#\#):not(#\#):not(#\#) {
2932
2996
  scroll-padding-top: 40px;
2933
2997
  }
@@ -3242,6 +3306,14 @@
3242
3306
  transform: scale(1.25);
3243
3307
  }
3244
3308
 
3309
+ .hover\:relay-bg_widget-selector-hover-background:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
3310
+ background-color: var(--relay-colors-widget-selector-hover-background);
3311
+ }
3312
+
3313
+ .\[\&\:hover\]\:relay-bg_gray5:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
3314
+ background-color: var(--relay-colors-gray5);
3315
+ }
3316
+
3245
3317
  .\[\&\:hover\]\:relay-bg_primary-button-hover-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
3246
3318
  background-color: var(--relay-colors-primary-button-hover-background);
3247
3319
  }
@@ -3267,10 +3339,6 @@
3267
3339
  background-color: var(--mix-backgroundColor, gray);
3268
3340
  }
3269
3341
 
3270
- .hover\:relay-bg_widget-selector-hover-background:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
3271
- background-color: var(--relay-colors-widget-selector-hover-background);
3272
- }
3273
-
3274
3342
  .hover\:relay-bg_gray3:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#) {
3275
3343
  background-color: var(--relay-colors-gray3);
3276
3344
  }
@@ -3323,6 +3391,12 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
3323
3391
  }
3324
3392
 
3325
3393
  @media screen and (min-width: 37.5rem) {
3394
+ .sm\:relay-w_386:not(#\#):not(#\#):not(#\#):not(#\#) {
3395
+ width: 386px;
3396
+ }
3397
+ .sm\:relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
3398
+ gap: var(--relay-spacing-2);
3399
+ }
3326
3400
  .sm\:relay-w_370:not(#\#):not(#\#):not(#\#):not(#\#) {
3327
3401
  width: 370px;
3328
3402
  }
@@ -3331,9 +3405,18 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
3331
3405
  }
3332
3406
  .sm\:relay-max-w_532px:not(#\#):not(#\#):not(#\#):not(#\#) {
3333
3407
  max-width: 532px;
3408
+ }
3409
+ .sm\:relay-d_block:not(#\#):not(#\#):not(#\#):not(#\#) {
3410
+ display: block;
3411
+ }
3412
+ .sm\:relay-d_none:not(#\#):not(#\#):not(#\#):not(#\#) {
3413
+ display: none;
3334
3414
  }
3335
3415
  .sm\:relay-max-w_400px\!:not(#\#) {
3336
3416
  max-width: 400px !important;
3417
+ }
3418
+ .sm\:relay-fs_12px:not(#\#):not(#\#):not(#\#):not(#\#) {
3419
+ font-size: 12px;
3337
3420
  }
3338
3421
  }
3339
3422
 
@@ -3355,6 +3438,30 @@ button:hover:not(#\#):not(#\#):not(#\#):not(#\#) .\[button\:hover_\&\]\:relay-bg
3355
3438
  }
3356
3439
  }
3357
3440
 
3441
+ @media screen and (max-width: 37.4975rem) {
3442
+ .smDown\:relay-d_flex:not(#\#):not(#\#):not(#\#):not(#\#) {
3443
+ display: flex;
3444
+ }
3445
+ .smDown\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
3446
+ width: 100%;
3447
+ }
3448
+ .smDown\:relay-gap_2:not(#\#):not(#\#):not(#\#):not(#\#) {
3449
+ gap: var(--relay-spacing-2);
3450
+ }
3451
+ .smDown\:relay---borderColor_colors\.gray\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
3452
+ --borderColor: var(--relay-colors-gray-5);
3453
+ }
3454
+ .smDown\:relay-border_1px_solid_var\(--borderColor\):not(#\#):not(#\#):not(#\#):not(#\#) {
3455
+ border: 1px solid var(--borderColor);
3456
+ }
3457
+ .smDown\:relay-mb_2:not(#\#):not(#\#):not(#\#):not(#\#) {
3458
+ margin-bottom: var(--relay-spacing-2);
3459
+ }
3460
+ .smDown\:relay-bg_transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
3461
+ background-color: transparent;
3462
+ }
3463
+ }
3464
+
3358
3465
  @media(max-width: 520px) {
3359
3466
  .\[\@media\(max-width\:_520px\)\]\:relay-w_100\%:not(#\#):not(#\#):not(#\#):not(#\#) {
3360
3467
  width: 100%;
@@ -1,2 +1,2 @@
1
- export const UI_VERSION = '5.0.6';
1
+ export const UI_VERSION = '5.1.1';
2
2
  //# sourceMappingURL=version.js.map