@pitvox/partner-react 0.6.1 → 0.6.3

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/styles.css CHANGED
@@ -465,6 +465,34 @@
465
465
  accent-color: var(--pvx-accent);
466
466
  }
467
467
 
468
+ /* ─── Theoretical Best ──────────────────────────────────────── */
469
+
470
+ .pvx-theoretical-best {
471
+ display: flex;
472
+ align-items: center;
473
+ gap: 0.5rem;
474
+ padding: 0.625rem 1rem;
475
+ font-size: 0.8125rem;
476
+ border-bottom: 1px solid var(--pvx-border);
477
+ color: var(--pvx-text-muted);
478
+ }
479
+
480
+ .pvx-theoretical-best-label {
481
+ font-weight: 600;
482
+ color: var(--pvx-text);
483
+ }
484
+
485
+ .pvx-theoretical-best-time {
486
+ font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
487
+ font-weight: 600;
488
+ color: var(--pvx-accent);
489
+ }
490
+
491
+ .pvx-theoretical-best-sectors {
492
+ font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
493
+ font-size: 0.75rem;
494
+ }
495
+
468
496
  /* ─── Icons ──────────────────────────────────────────────────── */
469
497
 
470
498
  .pvx-icon {
@@ -1334,6 +1362,62 @@
1334
1362
  margin-top: 0.5rem;
1335
1363
  }
1336
1364
 
1365
+ /* ─── Results tabs ─────────────────────────────────────────────── */
1366
+
1367
+ .pvx-results-tabs {
1368
+ display: flex;
1369
+ gap: 0.25rem;
1370
+ overflow-x: auto;
1371
+ border-bottom: 1px solid var(--pvx-border);
1372
+ margin-bottom: 1.5rem;
1373
+ scrollbar-width: thin;
1374
+ }
1375
+
1376
+ .pvx-results-tab {
1377
+ display: flex;
1378
+ flex-direction: column;
1379
+ align-items: center;
1380
+ gap: 0.125rem;
1381
+ padding: 0.625rem 1rem;
1382
+ font-size: 0.8125rem;
1383
+ font-weight: 500;
1384
+ color: var(--pvx-text-muted);
1385
+ white-space: nowrap;
1386
+ cursor: pointer;
1387
+ border-bottom: 2px solid transparent;
1388
+ background: none;
1389
+ border-top: none;
1390
+ border-left: none;
1391
+ border-right: none;
1392
+ transition: color 0.15s, border-color 0.15s;
1393
+ flex-shrink: 0;
1394
+ }
1395
+
1396
+ .pvx-results-tab:hover {
1397
+ color: var(--pvx-text);
1398
+ }
1399
+
1400
+ .pvx-results-tab--active {
1401
+ color: var(--pvx-accent);
1402
+ border-bottom-color: var(--pvx-accent);
1403
+ font-weight: 600;
1404
+ }
1405
+
1406
+ .pvx-results-tab-label {
1407
+ line-height: 1;
1408
+ }
1409
+
1410
+ .pvx-results-tab-track {
1411
+ font-size: 0.6875rem;
1412
+ font-weight: 400;
1413
+ color: var(--pvx-text-dimmed);
1414
+ line-height: 1;
1415
+ }
1416
+
1417
+ .pvx-results-tab--active .pvx-results-tab-track {
1418
+ color: var(--pvx-text-muted);
1419
+ }
1420
+
1337
1421
  /* ─── Accordion (round results) ────────────────────────────────── */
1338
1422
 
1339
1423
  .pvx-comp-accordion {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pitvox/partner-react",
3
- "version": "0.6.1",
3
+ "version": "0.6.3",
4
4
  "description": "React hooks and styled components for PitVox partner websites — leaderboards, competitions, driver dashboards",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",