@makolabs/ripple 0.0.1-dev.67 → 0.0.1-dev.69
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.d.ts
CHANGED
|
@@ -180,7 +180,7 @@ export type StatsCardProps = {
|
|
|
180
180
|
export type MetricDetail = {
|
|
181
181
|
label: string;
|
|
182
182
|
value: string | number;
|
|
183
|
-
color?:
|
|
183
|
+
color?: VariantColors;
|
|
184
184
|
};
|
|
185
185
|
export type MetricCardProps = {
|
|
186
186
|
title: string;
|
|
@@ -188,8 +188,6 @@ export type MetricCardProps = {
|
|
|
188
188
|
details?: MetricDetail[];
|
|
189
189
|
percent?: number;
|
|
190
190
|
segments?: ProgressSegment[];
|
|
191
|
-
primaryColor?: string;
|
|
192
|
-
secondaryColor?: string;
|
|
193
191
|
class?: ClassValue;
|
|
194
192
|
};
|
|
195
193
|
export type DataRow = Record<string, any>;
|
|
@@ -11,8 +11,6 @@
|
|
|
11
11
|
details = [],
|
|
12
12
|
percent,
|
|
13
13
|
segments,
|
|
14
|
-
primaryColor = 'primary',
|
|
15
|
-
secondaryColor = 'default',
|
|
16
14
|
class: className = ''
|
|
17
15
|
}: MetricCardProps = $props();
|
|
18
16
|
|
|
@@ -32,7 +30,7 @@
|
|
|
32
30
|
{#each details as detail}
|
|
33
31
|
<div class="flex items-center justify-between">
|
|
34
32
|
<span class="text-sm text-default-600">{detail.label}</span>
|
|
35
|
-
<span class="text-sm font-medium">{detail.value}</span>
|
|
33
|
+
<span class="text-sm font-medium {detail.color || 'text-default-900'}">{detail.value}</span>
|
|
36
34
|
</div>
|
|
37
35
|
{/each}
|
|
38
36
|
</div>
|
|
@@ -2,9 +2,9 @@ import { tv } from 'tailwind-variants';
|
|
|
2
2
|
export const metricCard = tv({
|
|
3
3
|
slots: {
|
|
4
4
|
base: 'border-default-200 rounded-xl border bg-white p-6 shadow-sm',
|
|
5
|
-
title: 'text-default-500 text-sm',
|
|
5
|
+
title: 'text-default-500 text-sm font-medium',
|
|
6
6
|
value: 'text-default-900 mt-2 text-3xl font-bold',
|
|
7
|
-
detail: 'mt-
|
|
8
|
-
progress: 'mt-
|
|
7
|
+
detail: 'mt-4 space-y-2',
|
|
8
|
+
progress: 'mt-4'
|
|
9
9
|
}
|
|
10
10
|
});
|