@douglasneuroinformatics/libui 3.6.2 → 3.6.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "3.6.2",
+  "version": "3.6.4",
   "packageManager": "pnpm@9.12.1",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",

package/src/components/FileDropzone/FileDropzone.tsx

@@ -60,8 +60,15 @@ export const FileDropzone = ({
     });
 
   return (
-    <div className={cn('border border-dashed p-4', className)} data-testid="dropzone" {...getRootProps()}>
-      <div className="flex flex-col items-center gap-3">
+    <div
+      className={cn(
+        'flex flex-col items-center justify-center rounded-md border border-dashed border-slate-400 p-4 dark:border-slate-600',
+        className
+      )}
+      data-testid="dropzone"
+      {...getRootProps()}
+    >
+      <div className="flex flex-col items-center justify-center gap-3">
         <UploadIcon style={{ height: 24, strokeWidth: 2, width: 24 }} />
         <div className="flex flex-col items-center gap-1 text-center">
           <h3 className="text-lg font-semibold tracking-tight" data-testid="dropzone-title">

package/src/components/Form/StringField/StringFieldPassword.tsx

@@ -64,9 +64,9 @@ export const StringFieldPassword = ({
       </FieldGroup.Row>
       {strength !== null && (
         <motion.div
-          animate={{ width: `${Math.max(strength, value?.length ? 1 : 0) * 25}%` }}
+          animate={{ width: `${Math.max(strength * 25, 5)}%` }}
           className="h-1 w-full overflow-hidden rounded"
-          initial={{ width: '0%' }}
+          initial={{ width: '5%' }}
           transition={{ duration: 0.5 }}
         >
           <div