@immich/ui 0.39.0 → 0.39.2

package/dist/components/Toast/ToastContainer.svelte

@@ -41,15 +41,16 @@
   });
 
   const container2Styles = tv({
+    base: 'py-1.5',
     variants: {
       filled: {
-        primary: 'bg-primary/20 dark:bg-primary/25',
-        secondary: 'bg-dark/20 dark:bg-dark/25',
+        primary: 'bg-primary/10 dark:bg-primary/25',
+        secondary: 'bg-dark/10 dark:bg-dark/25',
         muted: 'bg-subtle dark:bg-subtle',
-        info: 'bg-info/20 dark:bg-info/25',
-        warning: 'bg-warning/20 dark:bg-warning/25',
-        danger: 'bg-danger/20 dark:bg-danger/25',
-        success: 'bg-success/20 dark:bg-success/25',
+        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',
       },
       outline: {
         primary: 'bg-primary/10 text-primary hover:bg-primary/20',

package/dist/services/toast-manager.svelte.d.ts

@@ -6,10 +6,10 @@ declare class ToastManager {
     custom(item: ToastCustom, options?: ToastOptions): void;
     open(item: ToastItem, options?: ToastOptions): void;
     unmount(): Promise<void>;
-    success(item: string | ToastShow): void;
-    info(item: string | ToastShow): void;
-    warning(item: string | ToastShow): void;
-    danger(item: string | ToastShow): void;
+    success(item?: string | ToastShow, options?: ToastOptions): void;
+    info(item?: string | ToastShow, options?: ToastOptions): void;
+    warning(item?: string | ToastShow, options?: ToastOptions): void;
+    danger(item?: string | ToastShow, options?: ToastOptions): void;
     mount(): Promise<void>;
     private remove;
 }

package/dist/services/toast-manager.svelte.js

@@ -3,7 +3,7 @@ import { t } from './translation.svelte.js';
 import { generateId } from '../utilities/internal.js';
 import { mount, unmount } from 'svelte';
 export const isCustomToast = (item) => !!item.component;
-const expand = (item) => (typeof item === 'string' ? { description: item } : item);
+const expand = (item) => typeof item === 'string' ? { description: item } : (item ?? {});
 class ToastManager {
     #ref;
     #props = $state({ items: [] });
@@ -37,17 +37,17 @@ class ToastManager {
             await unmount(this.#ref);
         }
     }
-    success(item) {
-        this.show({ title: t('toast_success_title'), color: 'success', ...expand(item) });
+    success(item, options) {
+        this.show({ title: t('toast_success_title'), color: 'success', ...expand(item) }, options);
     }
-    info(item) {
-        this.show({ title: t('toast_info_title'), color: 'info', ...expand(item) });
+    info(item, options) {
+        this.show({ title: t('toast_info_title'), color: 'info', ...expand(item) }, options);
     }
-    warning(item) {
-        this.show({ title: t('toast_warning_title'), color: 'warning', ...expand(item) });
+    warning(item, options) {
+        this.show({ title: t('toast_warning_title'), color: 'warning', ...expand(item) }, options);
     }
-    danger(item) {
-        this.show({ title: t('toast_danger_title'), color: 'danger', ...expand(item) });
+    danger(item, options) {
+        this.show({ title: t('toast_danger_title'), color: 'danger', ...expand(item) }, options);
     }
     async mount() {
         if (!this.#ref) {

package/dist/site/SiteFooter.svelte

@@ -50,6 +50,7 @@
           aria-label="GitHub"
           variant="ghost"
           color="secondary"
+          size="small"
         />
         <IconButton
           href={Constants.Socials.Discord}
@@ -57,6 +58,7 @@
           aria-label="Discord"
           variant="ghost"
           color="secondary"
+          size="small"
         />
         <IconButton
           href={Constants.Socials.Reddit}
@@ -64,6 +66,7 @@
           aria-label="reddit"
           variant="ghost"
           color="secondary"
+          size="small"
         />
         <IconButton href={Constants.Socials.X} icon={siX} aria-label="X" variant="ghost" color="secondary" />
         <IconButton
@@ -72,6 +75,7 @@
           aria-label="YouTube"
           variant="ghost"
           color="secondary"
+          size="small"
         />
         <IconButton
           href={Constants.Socials.Weblate}
@@ -79,6 +83,7 @@
           aria-label="Weblate"
           variant="ghost"
           color="secondary"
+          size="small"
         />
         <IconButton href={Constants.Socials.Rss} icon={siRss} aria-label="RSS" variant="ghost" color="secondary" />
       </HStack>

package/dist/types.d.ts

@@ -184,6 +184,7 @@ export type ToastShow = {
     description?: string;
     color?: Color;
     shape?: Shape;
+    icon?: IconLike | false;
     size?: ContainerSize;
     variant?: ToastVariant;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@immich/ui",
-  "version": "0.39.0",
+  "version": "0.39.2",
   "license": "GNU Affero General Public License version 3",
   "repository": {
     "type": "git",