@r2digisolutions/ui 0.26.3 → 0.26.5

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.
Files changed (3) hide show
  1. package/dist/components/ui/Card/CardContent.svelte +1 -1
  2. package/dist/components/ui/NoContent/NoContent.svelte +30 -11
  3. package/package.json +1 -1
package/dist/components/ui/Card/CardContent.svelte CHANGED
@@ -10,6 +10,6 @@
10
10
  const { children, ...props }: Props = $props();
11
11
  </script>
12
12
 
13
- <div class={['flex flex-1 flex-col p-3', props.class]}>
13
+ <div class={['flex flex-1 flex-col p-5', props.class]}>
14
14
  {@render children()}
15
15
  </div>
package/dist/components/ui/NoContent/NoContent.svelte CHANGED
@@ -1,25 +1,44 @@
1
1
  <script lang="ts">
2
2
  import type { Props } from './type.js';
3
-
4
3
  const { title, subtitle, children, icon: Icon, ...props }: Props = $props();
5
4
  </script>
6
5
 
7
- <div class={['w-full py-20 text-center', props.class]}>
6
+ <div
7
+ class={[
8
+ 'flex w-full flex-col items-center justify-center px-4 py-20 text-center',
9
+ 'rounded-2xl border border-neutral-200/80 bg-white/70 shadow-sm shadow-black/5 backdrop-blur-md',
10
+ 'dark:border-neutral-800/80 dark:bg-neutral-950/80',
11
+ props.class
12
+ ]}
13
+ >
8
14
  {#if Icon}
9
15
  <div
10
- class={[
11
- 'mx-auto mb-6 flex h-24 w-24 items-center justify-center rounded-full bg-gradient-to-br from-blue-100 to-purple-100'
12
- ]}
16
+ class="mx-auto mb-6 flex h-24 w-24 items-center justify-center rounded-full
17
+ bg-linear-to-br from-indigo-100 via-purple-100 to-blue-100
18
+ shadow-inner ring-1 shadow-white/40
19
+ ring-white/40 ring-inset dark:from-indigo-900/30
20
+ dark:via-purple-900/30 dark:to-blue-900/30 dark:shadow-black/20 dark:ring-white/5"
13
21
  >
14
- <Icon class="h-12 w-12 text-gray-400" />
22
+ <Icon
23
+ class="h-12 w-12 text-neutral-400 opacity-90 transition-transform duration-300 group-hover:scale-105 dark:text-neutral-500"
24
+ />
15
25
  </div>
16
26
  {/if}
17
- <h3 class="text-2xl font-bold text-gray-900">{title}</h3>
18
- <p class="text-md mx-auto max-w-md text-gray-500">
19
- {subtitle}
20
- </p>
27
+
28
+ <h3
29
+ class="text-xl font-semibold tracking-tight text-neutral-900 md:text-2xl dark:text-neutral-50"
30
+ >
31
+ {title}
32
+ </h3>
33
+
34
+ {#if subtitle}
35
+ <p class="mx-auto mt-2 max-w-md text-sm text-neutral-600 md:text-base dark:text-neutral-400">
36
+ {subtitle}
37
+ </p>
38
+ {/if}
39
+
21
40
  {#if children}
22
- <div class="mt-4 flex items-center justify-center gap-4">
41
+ <div class="mt-6 flex flex-wrap items-center justify-center gap-3">
23
42
  {@render children?.()}
24
43
  </div>
25
44
  {/if}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@r2digisolutions/ui",
3
- "version": "0.26.3",
3
+ "version": "0.26.5",
4
4
  "private": false,
5
5
  "packageManager": "bun@1.3.2",
6
6
  "publishConfig": {