@delightui/components 0.1.72 → 0.1.74

package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
 import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
+export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
 /**
  * Dropzone component props
- * @param initial React.ReactNode - The initial state of the dropzone.
- * @param uploading React.ReactNode - The uploading state of the dropzone.
+ * @param empty React.ReactNode - The empty state of the dropzone.
+ * @param loading React.ReactNode - The loading state of the dropzone.
  * @param uploaded React.ReactNode - The uploaded state of the dropzone.
  * @param accept { [key: string]: readonly string[] } - The accepted file types.
  * @param maxSize number - The maximum size of the file in bytes.
@@ -14,13 +15,13 @@ import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
 export type DropzoneProps = {
     className?: string;
     /**
-     * The initial state of the dropzone.
+     * The empty state of the dropzone.
      */
-    initial?: React.ReactNode;
+    empty?: React.ReactNode;
     /**
-     * The uploading state of the dropzone.
+     * The loading state of the dropzone.
      */
-    uploading?: React.ReactNode;
+    loading?: React.ReactNode;
     /**
      * The uploaded state of the dropzone.
      */
@@ -57,7 +58,7 @@ export type DropzoneProps = {
 };
 /**
  * Dropzone context type
- * @param status 'initial' | 'uploading' | 'uploaded' - The status of the dropzone.
+ * @param status DropzoneStatus - The status of the dropzone.
  * @param file File | null - The file of the dropzone.
  * @param selectFile () => void - The function to call when the file is selected.
  * @param resetUpload () => void - The function to call when the file is reset.
@@ -66,7 +67,7 @@ export type DropzoneContextType = {
     /**
      * The status of the dropzone.
      */
-    status: 'initial' | 'uploading' | 'uploaded';
+    status: DropzoneStatus;
     /**
      * The files of the dropzone.
      */

package/dist/esm/library.css

@@ -3771,6 +3771,9 @@ span.flatpickr-weekday {
   --radio-button-ring-background: var(--radio-button-item-radio-ring-background);
   --radio-button-ring-border-color: var(--radio-button-item-radio-ring-border-color);
 }
+.Dropzone-module_dropzone__4uDyI {
+  width: var(--dropzone-width);
+}
 .DropzoneContent-module_dropzoneContent__UjfAn {
   width: 100%;
   border-width: 1px;
@@ -24433,8 +24436,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-empty"], [data-theme='light'] [component-variant="dropzone-empty"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);
@@ -24444,8 +24445,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-loading"], [data-theme='light'] [component-variant="dropzone-loading"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);
@@ -24455,8 +24454,6 @@ span.flatpickr-weekday {
     }
 [data-theme='dark'] [component-variant="dropzone-uploaded"], [data-theme='light'] [component-variant="dropzone-uploaded"] {
         --dropzone-width: 100%;
-        --dropzone-row-gap: var(--spacing-space-5);
-        --dropzone-column-gap: var(--spacing-space-5);
         --dropzone-font-family: var(--font-family-body);
         --dropzone-font-size: var(--font-size-body-small);
         --dropzone-font-weight: var(--font-weight-medium);