@makolabs/ripple 0.0.1-dev.69 → 0.0.1-dev.70

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.
@@ -18,7 +18,7 @@
18
18
  metricCard()
19
19
  );
20
20
 
21
- const baseClass = $derived(cn(base(), className));
21
+ const baseClass = $derived(cn(base(), 'flex flex-col h-full', className));
22
22
  </script>
23
23
 
24
24
  <div class={baseClass}>
@@ -1,10 +1,10 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const metricCard = tv({
3
3
  slots: {
4
- base: 'border-default-200 rounded-xl border bg-white p-6 shadow-sm',
5
- title: 'text-default-500 text-sm font-medium',
6
- value: 'text-default-900 mt-2 text-3xl font-bold',
7
- detail: 'mt-4 space-y-2',
8
- progress: 'mt-4'
4
+ base: 'bg-white rounded-lg border border-default-200 p-6 shadow-sm hover:shadow-md transition-shadow',
5
+ title: 'text-sm font-medium text-default-600 mb-2',
6
+ value: 'text-2xl font-bold text-default-900 mb-4',
7
+ detail: 'space-y-3 mb-4',
8
+ progress: 'mt-auto'
9
9
  }
10
10
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@makolabs/ripple",
3
- "version": "0.0.1-dev.69",
3
+ "version": "0.0.1-dev.70",
4
4
  "description": "Simple Svelte 5 powered component library ✨",
5
5
  "repository": {
6
6
  "type": "git",