@makolabs/ripple 0.0.1-dev.22 → 0.0.1-dev.24

package/dist/elements/file-upload/FileUpload.svelte

@@ -70,8 +70,12 @@
 	<label
 		class={cn(
 			'group relative block rounded-[32px] border-2 border-dashed p-12 text-center transition-colors',
-			isDragging ? 'border-primary-400 bg-primary-50' : 'border-default-200 bg-white',
-			disabled ? 'cursor-not-allowed opacity-50' : 'hover:bg-default-50 cursor-pointer',
+			{
+				'border-primary-400 bg-primary-50': isDragging,
+				'border-default-200 bg-white': !isDragging,
+				'cursor-not-allowed opacity-50': disabled,
+				'hover:bg-default-50 cursor-pointer': !disabled
+			},
 			dropzoneClass
 		)}
 		ondragenter={handleDragEnter}
@@ -107,13 +111,13 @@
 			</div>
 
 			<!-- Upload Text -->
-			<div class="text-lg">
+			<div class="text-sm">
 				<span class="text-primary-500 font-medium">Click here</span>
 				<span class="text-default-600"> to upload your file or drag and drop.</span>
 			</div>
 
 			<!-- File Type Info -->
-			<div class="text-default-500 text-sm">
+			<div class="text-default-500 text-xs">
 				Supported Format: {allowedMimeTypes.length ? allowedMimeTypes.join(', ') : 'SVG, JPG, PNG'}
 				{#if maxSize}
 					({formatFileSize(maxSize)} each)

package/dist/index.d.ts

@@ -459,7 +459,7 @@ export interface FileUploadProps {
      */
     allowedMimeTypes?: string[];
     /**
-     * Maximum file size in bytes;
+     * Maximum file size in bytes
      */
     maxSize?: number;
     /**
@@ -475,10 +475,6 @@ export interface FileUploadProps {
      * CSS class for the dropzone
      */
     dropzoneClass?: string;
-    /**
-     * CSS class for the preview area
-     */
-    previewClass?: string;
     /**
      * ID for the file input element
      * @default 'file-upload'
@@ -488,34 +484,6 @@ export interface FileUploadProps {
      * Callback when files are selected or dropped
      */
     onfiles?: (files: FileList | File[]) => void;
-    /**
-     * Callback when a file is deleted
-     */
-    ondelete?: (fileId: string, index: number) => void;
-    /**
-     * Current files array to display
-     */
-    files?: UploadedFile[];
-    /**
-     * API URL for file upload
-     */
-    apiUrl?: string;
-    /**
-     * Authorization token for API requests
-     */
-    apiToken?: string;
-    /**
-     * Handler for unsuccessful file uploads
-     */
-    onerror?: (error: string) => void;
-    /**
-     * Expired time in days
-     */
-    expiry?: `${string}d`;
-    /**
-     * Additional metadata to be sent with the file
-     */
-    metadata?: Record<string, string>;
 }
 export interface FilePreviewProps {
     files: UploadedFile[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "0.0.1-dev.22",
+	"version": "0.0.1-dev.24",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"repository": {
 		"type": "git",