@forge-connect/react 1.0.11 → 1.0.13
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/dist/index.cjs +203 -23
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +41 -1
- package/dist/index.d.ts +41 -1
- package/dist/index.js +190 -10
- package/dist/index.js.map +1 -1
- package/dist/styles.css +162 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -299,6 +299,51 @@ img.fc-logo {
|
|
|
299
299
|
opacity: 0.7;
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
+
/* ── Nomu trust pill ── */
|
|
303
|
+
|
|
304
|
+
.fc-nomu-wrap {
|
|
305
|
+
display: flex;
|
|
306
|
+
justify-content: center;
|
|
307
|
+
margin-top: 18px;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
.fc-nomu-pill {
|
|
311
|
+
display: inline-flex;
|
|
312
|
+
align-items: center;
|
|
313
|
+
gap: 6px;
|
|
314
|
+
padding: 5px 12px;
|
|
315
|
+
border-radius: 999px;
|
|
316
|
+
border: 1px solid color-mix(in oklab, var(--fc-text, #000) 15%, transparent);
|
|
317
|
+
background: color-mix(in oklab, var(--fc-text, #fff) 4%, transparent);
|
|
318
|
+
color: color-mix(in oklab, var(--fc-text, #000) 55%, transparent);
|
|
319
|
+
font-size: 11px;
|
|
320
|
+
line-height: 16px;
|
|
321
|
+
font-weight: 500;
|
|
322
|
+
text-decoration: none;
|
|
323
|
+
backdrop-filter: blur(8px);
|
|
324
|
+
-webkit-backdrop-filter: blur(8px);
|
|
325
|
+
transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
.fc-nomu-pill:hover {
|
|
329
|
+
border-color: color-mix(in oklab, var(--fc-text, #000) 30%, transparent);
|
|
330
|
+
background: color-mix(in oklab, var(--fc-text, #fff) 8%, transparent);
|
|
331
|
+
color: color-mix(in oklab, var(--fc-text, #000) 85%, transparent);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.fc-nomu-logo {
|
|
335
|
+
height: 9px;
|
|
336
|
+
width: auto;
|
|
337
|
+
transform: translateY(-0.6px);
|
|
338
|
+
color: currentColor;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.fc-nomu-logo svg {
|
|
342
|
+
height: 100%;
|
|
343
|
+
width: auto;
|
|
344
|
+
display: block;
|
|
345
|
+
}
|
|
346
|
+
|
|
302
347
|
|
|
303
348
|
/* ── Buttons (base) ── */
|
|
304
349
|
|
|
@@ -1304,3 +1349,120 @@ img.fc-logo {
|
|
|
1304
1349
|
border: 1px solid var(--fc-recovery-border);
|
|
1305
1350
|
color: var(--fc-text);
|
|
1306
1351
|
}
|
|
1352
|
+
|
|
1353
|
+
/* ── Matrica Migration ── */
|
|
1354
|
+
.fc-mig {
|
|
1355
|
+
display: flex;
|
|
1356
|
+
flex-direction: column;
|
|
1357
|
+
gap: 14px;
|
|
1358
|
+
}
|
|
1359
|
+
.fc-mig-hero {
|
|
1360
|
+
text-align: center;
|
|
1361
|
+
display: flex;
|
|
1362
|
+
flex-direction: column;
|
|
1363
|
+
align-items: center;
|
|
1364
|
+
gap: 6px;
|
|
1365
|
+
padding: 4px 0 2px;
|
|
1366
|
+
}
|
|
1367
|
+
.fc-mig-orbit {
|
|
1368
|
+
position: relative;
|
|
1369
|
+
width: 44px;
|
|
1370
|
+
height: 44px;
|
|
1371
|
+
display: flex;
|
|
1372
|
+
align-items: center;
|
|
1373
|
+
justify-content: center;
|
|
1374
|
+
border-radius: 50%;
|
|
1375
|
+
background: color-mix(in srgb, var(--fc-accent, #8b5cf6) 14%, transparent);
|
|
1376
|
+
color: var(--fc-accent, #8b5cf6);
|
|
1377
|
+
margin-bottom: 2px;
|
|
1378
|
+
}
|
|
1379
|
+
.fc-mig-orbit-dot {
|
|
1380
|
+
position: absolute;
|
|
1381
|
+
top: -2px;
|
|
1382
|
+
right: -2px;
|
|
1383
|
+
width: 10px;
|
|
1384
|
+
height: 10px;
|
|
1385
|
+
border-radius: 50%;
|
|
1386
|
+
background: var(--fc-accent, #8b5cf6);
|
|
1387
|
+
box-shadow: 0 0 0 2px var(--fc-bg, #fff);
|
|
1388
|
+
}
|
|
1389
|
+
.fc-mig-title {
|
|
1390
|
+
margin: 0;
|
|
1391
|
+
font-size: 1.05rem;
|
|
1392
|
+
font-weight: 600;
|
|
1393
|
+
color: var(--fc-text);
|
|
1394
|
+
line-height: 1.25;
|
|
1395
|
+
}
|
|
1396
|
+
.fc-mig-sub {
|
|
1397
|
+
margin: 0;
|
|
1398
|
+
font-size: 0.82rem;
|
|
1399
|
+
color: var(--fc-text-muted, #888);
|
|
1400
|
+
}
|
|
1401
|
+
.fc-mig-list {
|
|
1402
|
+
list-style: none;
|
|
1403
|
+
margin: 0;
|
|
1404
|
+
padding: 6px;
|
|
1405
|
+
border-radius: 10px;
|
|
1406
|
+
background: color-mix(in srgb, var(--fc-text, #000) 4%, transparent);
|
|
1407
|
+
display: flex;
|
|
1408
|
+
flex-direction: column;
|
|
1409
|
+
gap: 2px;
|
|
1410
|
+
}
|
|
1411
|
+
.fc-mig-item {
|
|
1412
|
+
display: flex;
|
|
1413
|
+
align-items: center;
|
|
1414
|
+
gap: 10px;
|
|
1415
|
+
padding: 8px 10px;
|
|
1416
|
+
border-radius: 7px;
|
|
1417
|
+
font-size: 0.85rem;
|
|
1418
|
+
}
|
|
1419
|
+
.fc-mig-item + .fc-mig-item {
|
|
1420
|
+
border-top: 1px solid color-mix(in srgb, var(--fc-text, #000) 6%, transparent);
|
|
1421
|
+
}
|
|
1422
|
+
.fc-mig-ic {
|
|
1423
|
+
width: 22px;
|
|
1424
|
+
height: 22px;
|
|
1425
|
+
display: inline-flex;
|
|
1426
|
+
align-items: center;
|
|
1427
|
+
justify-content: center;
|
|
1428
|
+
border-radius: 6px;
|
|
1429
|
+
background: color-mix(in srgb, var(--fc-text, #000) 8%, transparent);
|
|
1430
|
+
color: var(--fc-text);
|
|
1431
|
+
flex-shrink: 0;
|
|
1432
|
+
}
|
|
1433
|
+
.fc-mig-label {
|
|
1434
|
+
font-weight: 600;
|
|
1435
|
+
color: var(--fc-text);
|
|
1436
|
+
min-width: 52px;
|
|
1437
|
+
}
|
|
1438
|
+
.fc-mig-value {
|
|
1439
|
+
color: var(--fc-text-muted, #888);
|
|
1440
|
+
font-size: 0.8rem;
|
|
1441
|
+
overflow: hidden;
|
|
1442
|
+
text-overflow: ellipsis;
|
|
1443
|
+
white-space: nowrap;
|
|
1444
|
+
flex: 1;
|
|
1445
|
+
text-align: right;
|
|
1446
|
+
}
|
|
1447
|
+
.fc-mig-value code {
|
|
1448
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
1449
|
+
font-size: 0.78rem;
|
|
1450
|
+
}
|
|
1451
|
+
.fc-mig-skip {
|
|
1452
|
+
background: none;
|
|
1453
|
+
border: none;
|
|
1454
|
+
color: var(--fc-text-muted, #888);
|
|
1455
|
+
font-size: 0.85rem;
|
|
1456
|
+
cursor: pointer;
|
|
1457
|
+
padding: 6px;
|
|
1458
|
+
text-align: center;
|
|
1459
|
+
text-decoration: underline;
|
|
1460
|
+
text-underline-offset: 3px;
|
|
1461
|
+
}
|
|
1462
|
+
.fc-mig-skip:hover:not(:disabled) {
|
|
1463
|
+
color: var(--fc-text);
|
|
1464
|
+
}
|
|
1465
|
+
.fc-mig-skip:disabled {
|
|
1466
|
+
opacity: 0.5;
|
|
1467
|
+
cursor: not-allowed;
|
|
1468
|
+
}
|