@x-plat/design-system 0.1.2 → 0.1.4

package/dist/components/FileUpload/index.css

@@ -0,0 +1,42 @@
+/* src/components/FileUpload/fileupload.scss */
+.lib-xplat-file-upload {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 1.5rem;
+  border: 2px dashed #D4D4D4;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  transition: border-color 0.2s, background-color 0.2s;
+}
+.lib-xplat-file-upload:hover {
+  border-color: #7093EA;
+  background-color: #F1F4FD;
+}
+.lib-xplat-file-upload.drag-over {
+  border-color: #4D6DE3;
+  background-color: #F1F4FD;
+}
+.lib-xplat-file-upload input[type=file] {
+  display: none;
+}
+.lib-xplat-file-upload .upload-icon {
+  color: #A1A1A1;
+  margin-bottom: 0.75rem;
+}
+.lib-xplat-file-upload .upload-icon svg {
+  width: 32px;
+  height: 32px;
+}
+.lib-xplat-file-upload .upload-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #525252;
+  margin: 0;
+}
+.lib-xplat-file-upload .upload-description {
+  font-size: 12px;
+  color: #A1A1A1;
+  margin: 0.25rem 0 0;
+}

package/dist/components/FileUpload/index.d.cts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    onChange?: (files: File[]) => void;
+    label?: string;
+    description?: string;
+    className?: string;
+}
+declare const FileUpload: React.FC<FileUploadProps>;
+
+export { FileUpload };

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    onChange?: (files: File[]) => void;
+    label?: string;
+    description?: string;
+    className?: string;
+}
+declare const FileUpload: React.FC<FileUploadProps>;
+
+export { FileUpload };