@immich/ui 0.40.1 → 0.40.3

package/dist/components/Markdown/Heading.svelte

@@ -40,6 +40,4 @@
   let { size, tag } = $derived(getSizeAndTag(level));
 </script>
 
-<Heading {size} {tag} class="mt-4" {id}>
-  {@render children()}
-</Heading>
+<Heading {size} {tag} class="mt-4 mb-1" {id} {children} />

package/dist/components/Markdown/Paragraph.svelte

@@ -9,6 +9,4 @@
   const { children }: Props = $props();
 </script>
 
-<Text class="mb-1">
-  {@render children()}
-</Text>
+<Text>{@render children()}</Text>

package/dist/components/Markdown/Space.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  type Props = {
+    children?: Snippet;
+  };
+
+  const { children }: Props = $props();
+</script>
+
+<div class="py-2">{@render children?.()}</div>

package/dist/components/Markdown/Space.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+type Props = {
+    children?: Snippet;
+};
+declare const Space: import("svelte").Component<Props, {}, "">;
+type Space = ReturnType<typeof Space>;
+export default Space;

package/dist/components/Markdown/index.d.ts

@@ -1,9 +1,4 @@
 export declare const Markdown: {
-    Link: import("svelte").Component<{
-        href: string;
-        title?: string;
-        children?: import("svelte").Snippet;
-    }, {}, "">;
     BlockQuote: import("svelte").Component<{
         children: import("svelte").Snippet;
     }, {}, "">;
@@ -20,6 +15,11 @@ export declare const Markdown: {
     LineBreak: import("svelte").Component<{
         class?: string;
     }, {}, "">;
+    Link: import("svelte").Component<{
+        href: string;
+        title?: string;
+        children?: import("svelte").Snippet;
+    }, {}, "">;
     ListItem: import("svelte").Component<{
         checked?: boolean;
         task?: boolean;
@@ -32,4 +32,7 @@ export declare const Markdown: {
     Paragraph: import("svelte").Component<{
         children: import("svelte").Snippet;
     }, {}, "">;
+    Space: import("svelte").Component<{
+        children?: import("svelte").Snippet;
+    }, {}, "">;
 };

package/dist/components/Markdown/index.js

@@ -6,13 +6,15 @@ import Link from './Link.svelte';
 import List from './List.svelte';
 import ListItem from './ListItem.svelte';
 import Paragraph from './Paragraph.svelte';
+import Space from './Space.svelte';
 export const Markdown = {
-    Link,
     BlockQuote,
     Code,
     Heading,
     LineBreak,
+    Link,
     ListItem,
     List,
     Paragraph,
+    Space,
 };

package/dist/components/Toast/ToastContainer.svelte

@@ -16,7 +16,7 @@
   }: ToastContainerProps = $props();
 
   const containerStyles = tv({
-    base: 'bg-light text-dark overflow-hidden transition-all',
+    base: 'bg-light text-dark overflow-hidden shadow-xs transition-all',
     variants: {
       shape: styleVariants.shape,
       size: {
@@ -29,7 +29,14 @@
       },
 
       border: styleVariants.border,
-      borderColor: styleVariants.borderColor,
+      borderColor: {
+        primary: 'border-primary/25',
+        secondary: 'border-dark/25',
+        success: 'border-success/25',
+        danger: 'border-danger/25',
+        warning: 'border-warning/25',
+        info: 'border-info/25',
+      },
       roundedSize: {
         tiny: 'rounded-lg',
         small: 'rounded-lg',
@@ -44,21 +51,21 @@
     base: 'py-1.5',
     variants: {
       filled: {
-        primary: 'bg-primary/10 dark:bg-primary/25',
-        secondary: 'bg-dark/10 dark:bg-dark/25',
+        primary: 'bg-primary/15 dark:bg-primary/25',
+        secondary: 'bg-dark/15 dark:bg-dark/25',
         muted: 'bg-subtle dark:bg-subtle',
-        info: 'bg-info/10 dark:bg-info/25',
-        warning: 'bg-warning/10 dark:bg-warning/25',
-        danger: 'bg-danger/10 dark:bg-danger/25',
-        success: 'bg-success/10 dark:bg-success/25',
+        info: 'bg-info/15 dark:bg-info/25',
+        warning: 'bg-warning/15 dark:bg-warning/25',
+        danger: 'bg-danger/15 dark:bg-danger/25',
+        success: 'bg-success/15 dark:bg-success/25',
       },
       outline: {
-        primary: 'bg-primary/10 text-primary hover:bg-primary/20',
-        secondary: 'bg-dark/10 text-dark hover:bg-dark/20',
-        success: 'bg-success/10 text-success hover:bg-success/20',
-        danger: 'bg-danger/10 text-danger hover:bg-danger/20',
-        warning: 'bg-warning/10 text-warning hover:bg-warning/20',
-        info: 'bg-info/10 text-info hover:bg-info/20',
+        primary: 'bg-primary/2 text-primary dark:bg-primary/5',
+        secondary: 'bg-dark/2 text-dark dark:bg-dark/5',
+        success: 'bg-success/2 text-success dark:bg-success/5',
+        danger: 'bg-danger/2 text-danger dark:bg-danger/5',
+        warning: 'bg-warning/2 text-warning dark:bg-warning/5',
+        info: 'bg-info/2 text-info dark:bg-info/5',
       },
     },
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@immich/ui",
-  "version": "0.40.1",
+  "version": "0.40.3",
   "license": "GNU Affero General Public License version 3",
   "repository": {
     "type": "git",
@@ -44,7 +44,7 @@
     "tailwindcss": "^4.1.7",
     "typescript": "^5.0.0",
     "vite": "^7.0.0",
-    "vitest": "^3.0.0"
+    "vitest": "^4.0.0"
   },
   "dependencies": {
     "@mdi/js": "^7.4.47",
@@ -54,10 +54,10 @@
     "svelte-highlight": "^7.8.4",
     "tailwind-merge": "^3.0.0",
     "tailwind-variants": "^3.0.0",
-    "@immich/svelte-markdown-preprocess": "^0.0.1"
+    "@immich/svelte-markdown-preprocess": "^0.1.0"
   },
   "volta": {
-    "node": "22.20.0"
+    "node": "24.11.0"
   },
   "scripts": {
     "create": "node scripts/create.js",