zabi-components 5.0.7 → 5.0.8

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.
@@ -54,7 +54,7 @@
54
54
 
55
55
  {#if isOpen}
56
56
  <div
57
- class="fixed inset-0 bg-black/50 flex items-end md:items-center justify-center p-0 md:p-4 z-50"
57
+ class="fixed inset-0 bg-background/50 dark:bg-background/80 flex items-end md:items-center justify-center p-0 md:p-4 z-50"
58
58
  onclick={handleBackdropClick}
59
59
  onkeydown={handleKeydown}
60
60
  role="dialog"
@@ -62,17 +62,17 @@
62
62
  tabindex="-1"
63
63
  >
64
64
  <div
65
- class="bg-white rounded-t-2xl md:rounded-lg shadow-xl min-w-[320px] {sizeClasses} max-h-[90vh] overflow-y-auto animate-[slideUp_0.3s_ease-out] md:animate-none"
65
+ class="bg-surface-elevated rounded-t-2xl md:rounded-lg shadow-xl min-w-[320px] {sizeClasses} max-h-[90vh] overflow-y-auto animate-[slideUp_0.3s_ease-out] md:animate-none"
66
66
  >
67
67
  <!-- Header -->
68
68
  <div
69
- class="flex items-center justify-between p-6 border-b border-gray-200"
69
+ class="flex items-center justify-between p-6 border-b border-(--color-border)"
70
70
  >
71
71
  <h2 class="text-xl font-semibold text-headline">{title}</h2>
72
72
  <button
73
73
  type="button"
74
74
  onclick={closeModal}
75
- class="text-gray-400 hover:text-gray-600 text-2xl cursor-pointer"
75
+ class="text-description hover:text-headline text-2xl cursor-pointer transition-colors"
76
76
  aria-label="Close"
77
77
  >
78
78
  ×
@@ -87,7 +87,7 @@
87
87
  <!-- Footer -->
88
88
  {#if footer}
89
89
  <div
90
- class="flex justify-end gap-3 p-6 border-t border-gray-200"
90
+ class="flex justify-end gap-3 p-6 border-t border-(--color-border)"
91
91
  >
92
92
  {@render footer?.()}
93
93
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zabi-components",
3
- "version": "5.0.7",
3
+ "version": "5.0.8",
4
4
  "description": "A modern Svelte 5 component library with TypeScript, Tailwind CSS v4, and 100% SSR-safe components",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",