@forge-connect/react 1.0.12 → 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 +184 -21
- 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 +171 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +117 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1349,3 +1349,120 @@ img.fc-logo {
|
|
|
1349
1349
|
border: 1px solid var(--fc-recovery-border);
|
|
1350
1350
|
color: var(--fc-text);
|
|
1351
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
|
+
}
|