@immich/ui 0.61.0 → 0.61.2

package/dist/components/AppShell/AppShell.svelte

@@ -20,7 +20,7 @@
 
 <div class={cleanClass('flex h-dvh flex-col overflow-hidden', className)}>
   {#if bar}
-    <div class={cleanClass('h-control-bar-container px-2 pt-2', zIndex.AppShellBar, bar.class)}>
+    <div class={cleanClass('min-h-control-bar-container px-2 pt-2', zIndex.AppShellBar, bar.class)}>
       {@render bar.children?.()}
     </div>
   {:else if header}

package/dist/components/AppShell/AppShellHeader.svelte

@@ -12,7 +12,7 @@
   let { border = true, class: className, children }: Props = $props();
 
   const styles = tv({
-    base: 'h-control-bar-container flex items-center gap-2',
+    base: 'min-h-control-bar-container flex items-center gap-2',
     variants: {
       border: {
         true: 'border-b',

package/dist/components/Code/Code.svelte

@@ -14,14 +14,7 @@
     children: Snippet;
   } & HTMLAttributes<HTMLElement>;
 
-  const {
-    class: className,
-    size = 'medium',
-    variant = 'filled',
-    color = 'primary',
-    children,
-    ...restProps
-  }: Props = $props();
+  const { class: className, size, variant = 'filled', color = 'primary', children, ...restProps }: Props = $props();
 
   const styles = tv({
     base: 'font-monospace rounded-lg px-2 py-1',

package/dist/components/Kbd/Kbd.svelte

@@ -11,7 +11,7 @@
     children?: Snippet;
   } & HTMLAttributes<HTMLElement>;
 
-  const { class: className, size = 'small', children, ...restProps }: Props = $props();
+  const { class: className, size, children, ...restProps }: Props = $props();
 
   const styles = tv({
     base: 'bg-subtle rounded-md border border-b-2 px-1 py-0.5 font-mono shadow',

package/dist/internal/Button.svelte

@@ -40,7 +40,7 @@
     base: 'flex items-center justify-center gap-1 rounded-md text-sm font-medium outline-offset-2 transition-colors focus-visible:outline-2',
     variants: {
       disabled: {
-        true: 'disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50',
+        true: 'cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50',
         false: 'cursor-pointer',
       },
       shape: styleVariants.shape,
@@ -80,20 +80,20 @@
       filledColor: styleVariants.filledColor,
       filledColorHover: styleVariants.filledColorHover,
       outlineColor: {
-        primary: 'border-primary bg-primary/10 text-primary hover:bg-primary/20 border',
-        secondary: 'border-dark bg-light-100 text-dark hover:bg-light-200 border',
-        success: 'border-success bg-success/10 text-success hover:bg-success/20 border',
-        danger: 'border-danger bg-danger/10 text-danger hover:bg-danger/20 border',
-        warning: 'border-warning bg-warning/10 text-warning hover:bg-warning/20 border',
-        info: 'border-info bg-info/10 text-info hover:bg-info/20 border',
+        primary: 'border-primary bg-primary/10 text-primary not-disabled:hover:bg-primary/20 border',
+        secondary: 'border-dark bg-light-100 text-dark not-disabled:hover:bg-light-200 border',
+        success: 'border-success bg-success/10 text-success not-disabled:hover:bg-success/20 border',
+        danger: 'border-danger bg-danger/10 text-danger not-disabled:hover:bg-danger/20 border',
+        warning: 'border-warning bg-warning/10 text-warning not-disabled:hover:bg-warning/20 border',
+        info: 'border-info bg-info/10 text-info not-disabled:hover:bg-info/20 border',
       },
       ghostColor: {
-        primary: 'text-primary hover:bg-primary-50',
-        secondary: 'text-dark hover:bg-light-100',
-        success: 'text-success hover:bg-success-50',
-        danger: 'text-danger hover:bg-danger-50',
-        warning: 'text-warning hover:bg-warning-50',
-        info: 'text-info hover:bg-info-50',
+        primary: 'text-primary not-disabled:hover:bg-primary-50',
+        secondary: 'text-dark not-disabled:hover:bg-light-100',
+        success: 'text-success not-disabled:hover:bg-success-50',
+        danger: 'text-danger not-disabled:hover:bg-danger-50',
+        warning: 'text-warning not-disabled:hover:bg-warning-50',
+        info: 'text-info not-disabled:hover:bg-info-50',
       },
     },
   });

package/dist/styles.js

@@ -55,12 +55,12 @@ export const styleVariants = {
         info: 'bg-info text-light',
     },
     filledColorHover: {
-        primary: 'hover:bg-primary/80',
-        secondary: 'hover:bg-dark/80',
-        success: 'hover:bg-success/80',
-        danger: 'hover:bg-danger/80',
-        warning: 'hover:bg-warning/80',
-        info: 'hover:bg-info/80',
+        primary: 'not-disabled:hover:bg-primary/80',
+        secondary: 'not-disabled:hover:bg-dark/80',
+        success: 'not-disabled:hover:bg-success/80',
+        danger: 'not-disabled:hover:bg-danger/80',
+        warning: 'not-disabled:hover:bg-warning/80',
+        info: 'not-disabled:hover:bg-info/80',
     },
     textSize: {
         tiny: 'text-xs',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@immich/ui",
-  "version": "0.61.0",
+  "version": "0.61.2",
   "license": "GNU Affero General Public License version 3",
   "repository": {
     "type": "git",
@@ -55,7 +55,7 @@
     "svelte-highlight": "^7.8.4",
     "tailwind-merge": "^3.0.0",
     "tailwind-variants": "^3.0.0",
-    "@immich/svelte-markdown-preprocess": "^0.1.0"
+    "@immich/svelte-markdown-preprocess": "^0.2.1"
   },
   "volta": {
     "node": "24.13.0"