@illuma-ai/codeviz 1.0.9 → 1.0.10
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 +5 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/ui/components.d.ts +1 -1
- package/dist/ui/components.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -24696,7 +24696,7 @@ function DataTable({ columns = [], data = [], searchable = true, pageSize = 10,
|
|
|
24696
24696
|
};
|
|
24697
24697
|
|
|
24698
24698
|
return (
|
|
24699
|
-
<div className="bg-surface-secondary border border-border-light rounded-
|
|
24699
|
+
<div className="bg-surface-secondary border border-border-light rounded-lg overflow-hidden">
|
|
24700
24700
|
{searchable && (
|
|
24701
24701
|
<div className="px-4 py-3 border-b border-border-light">
|
|
24702
24702
|
<input
|
|
@@ -24806,18 +24806,18 @@ function MetricCard({ label, value, trend, trendLabel, icon, iconColor = '#00C1D
|
|
|
24806
24806
|
const IconComp = icon;
|
|
24807
24807
|
|
|
24808
24808
|
return (
|
|
24809
|
-
<div className="bg-surface-secondary border border-border-light rounded-
|
|
24809
|
+
<div className="bg-surface-secondary border border-border-light rounded-lg p-3">
|
|
24810
24810
|
<div className="flex items-center justify-between mb-1">
|
|
24811
24811
|
<p className="text-text-secondary text-xs font-medium">{label}</p>
|
|
24812
24812
|
{IconComp && (
|
|
24813
|
-
<div className="flex items-center justify-center w-
|
|
24814
|
-
<IconComp className="w-
|
|
24813
|
+
<div className="flex items-center justify-center w-7 h-7 rounded-lg bg-surface-tertiary">
|
|
24814
|
+
<IconComp className="w-3.5 h-3.5" style={{ color: iconColor }} />
|
|
24815
24815
|
</div>
|
|
24816
24816
|
)}
|
|
24817
24817
|
</div>
|
|
24818
24818
|
<p className="text-xl font-bold text-text-primary tabular-nums">{value}</p>
|
|
24819
24819
|
{trend && (
|
|
24820
|
-
<div className="flex items-center gap-1.5 mt-1
|
|
24820
|
+
<div className="flex items-center gap-1.5 mt-1">
|
|
24821
24821
|
<span className={cn('text-xs font-medium', isPositive && 'text-status-positive', isNegative && 'text-status-negative')}>
|
|
24822
24822
|
{isPositive && '▲'}{isNegative && '▼'} {trend}
|
|
24823
24823
|
</span>
|