anentrypoint-design 0.0.255 → 0.0.257
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/app-shell.css +35 -0
- package/dist/247420.css +35 -0
- package/dist/247420.js +15 -15
- package/package.json +1 -1
- package/src/components/content.js +37 -2
- package/src/components.js +1 -1
package/app-shell.css
CHANGED
|
@@ -972,6 +972,41 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
|
|
|
972
972
|
font-weight: 600; margin-top: 8px;
|
|
973
973
|
letter-spacing: var(--tr-caps); text-transform: uppercase;
|
|
974
974
|
}
|
|
975
|
+
.kpi-foot {
|
|
976
|
+
display: flex; align-items: center; justify-content: space-between;
|
|
977
|
+
margin-top: var(--space-2);
|
|
978
|
+
}
|
|
979
|
+
.kpi-delta {
|
|
980
|
+
display: inline-flex; align-items: center; gap: var(--space-hair);
|
|
981
|
+
font-size: var(--fs-xs); font-weight: 600;
|
|
982
|
+
}
|
|
983
|
+
.kpi-delta-up { color: var(--success); }
|
|
984
|
+
.kpi-delta-down { color: var(--danger); }
|
|
985
|
+
.ds-sparkline path { stroke: currentColor; }
|
|
986
|
+
.ds-sparkline-up { color: var(--success); }
|
|
987
|
+
.ds-sparkline-down { color: var(--danger); }
|
|
988
|
+
|
|
989
|
+
/* ============================================================
|
|
990
|
+
BarChart
|
|
991
|
+
============================================================ */
|
|
992
|
+
.ds-barchart { display: flex; flex-direction: column; gap: var(--space-2); }
|
|
993
|
+
.ds-barchart-row {
|
|
994
|
+
display: grid; grid-template-columns: minmax(90px, 25%) 1fr auto;
|
|
995
|
+
align-items: center; gap: var(--space-2);
|
|
996
|
+
}
|
|
997
|
+
.ds-barchart-label { font-size: var(--fs-sm); color: var(--fg-2); }
|
|
998
|
+
.ds-barchart-track {
|
|
999
|
+
height: var(--space-2); border-radius: var(--r-pill);
|
|
1000
|
+
background: var(--bg-3); overflow: hidden;
|
|
1001
|
+
}
|
|
1002
|
+
.ds-barchart-fill {
|
|
1003
|
+
height: 100%; width: var(--bar-pct, 0%);
|
|
1004
|
+
background: var(--accent); border-radius: var(--r-pill);
|
|
1005
|
+
}
|
|
1006
|
+
.ds-barchart-value {
|
|
1007
|
+
font-size: var(--fs-xs); font-weight: 600; color: var(--fg-3);
|
|
1008
|
+
font-variant-numeric: tabular-nums;
|
|
1009
|
+
}
|
|
975
1010
|
|
|
976
1011
|
/* ============================================================
|
|
977
1012
|
Empty state
|
package/dist/247420.css
CHANGED
|
@@ -1478,6 +1478,41 @@
|
|
|
1478
1478
|
font-weight: 600; margin-top: 8px;
|
|
1479
1479
|
letter-spacing: var(--tr-caps); text-transform: uppercase;
|
|
1480
1480
|
}
|
|
1481
|
+
.ds-247420 .kpi-foot {
|
|
1482
|
+
display: flex; align-items: center; justify-content: space-between;
|
|
1483
|
+
margin-top: var(--space-2);
|
|
1484
|
+
}
|
|
1485
|
+
.ds-247420 .kpi-delta {
|
|
1486
|
+
display: inline-flex; align-items: center; gap: var(--space-hair);
|
|
1487
|
+
font-size: var(--fs-xs); font-weight: 600;
|
|
1488
|
+
}
|
|
1489
|
+
.ds-247420 .kpi-delta-up { color: var(--success); }
|
|
1490
|
+
.ds-247420 .kpi-delta-down { color: var(--danger); }
|
|
1491
|
+
.ds-247420 .ds-sparkline path { stroke: currentColor; }
|
|
1492
|
+
.ds-247420 .ds-sparkline-up { color: var(--success); }
|
|
1493
|
+
.ds-247420 .ds-sparkline-down { color: var(--danger); }
|
|
1494
|
+
|
|
1495
|
+
/* ============================================================
|
|
1496
|
+
BarChart
|
|
1497
|
+
============================================================ */
|
|
1498
|
+
.ds-247420 .ds-barchart { display: flex; flex-direction: column; gap: var(--space-2); }
|
|
1499
|
+
.ds-247420 .ds-barchart-row {
|
|
1500
|
+
display: grid; grid-template-columns: minmax(90px, 25%) 1fr auto;
|
|
1501
|
+
align-items: center; gap: var(--space-2);
|
|
1502
|
+
}
|
|
1503
|
+
.ds-247420 .ds-barchart-label { font-size: var(--fs-sm); color: var(--fg-2); }
|
|
1504
|
+
.ds-247420 .ds-barchart-track {
|
|
1505
|
+
height: var(--space-2); border-radius: var(--r-pill);
|
|
1506
|
+
background: var(--bg-3); overflow: hidden;
|
|
1507
|
+
}
|
|
1508
|
+
.ds-247420 .ds-barchart-fill {
|
|
1509
|
+
height: 100%; width: var(--bar-pct, 0%);
|
|
1510
|
+
background: var(--accent); border-radius: var(--r-pill);
|
|
1511
|
+
}
|
|
1512
|
+
.ds-247420 .ds-barchart-value {
|
|
1513
|
+
font-size: var(--fs-xs); font-weight: 600; color: var(--fg-3);
|
|
1514
|
+
font-variant-numeric: tabular-nums;
|
|
1515
|
+
}
|
|
1481
1516
|
|
|
1482
1517
|
/* ============================================================
|
|
1483
1518
|
Empty state
|