From 0d973bf6d8eb1c16a514d6dee695ddc867d7cf59 Mon Sep 17 00:00:00 2001
From: iacopolea <iacopo.lea@gmail.com>
Date: Tue, 26 May 2026 18:08:02 +0200
Subject: [PATCH] feat: update version to 4.1.1-canary and add File component
 to forms

---
 package.json                     |  2 +-
 src/index.tsx                    |  1 +
 src/stories/forms/file/index.tsx | 21 +++++++++++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/stories/forms/file/index.tsx

diff --git a/package.json b/package.json
index 26ff141b..4c74cd6d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "4.0.58",
+  "version": "4.1.1-canary",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
diff --git a/src/index.tsx b/src/index.tsx
index 2fabdfb4..11da4289 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -64,6 +64,7 @@ export type { EditorRef } from "./stories/editor";
 export * from "./stories/forms/checkbox";
 export * from "./stories/forms/checkbox/cards";
 export * from "./stories/forms/code-verifier";
+export * from "./stories/forms/file";
 export * from "./stories/forms/field";
 export * from "./stories/forms/input";
 export * from "./stories/forms/input-toggle";
diff --git a/src/stories/forms/file/index.tsx b/src/stories/forms/file/index.tsx
new file mode 100644
index 00000000..45bb20a3
--- /dev/null
+++ b/src/stories/forms/file/index.tsx
@@ -0,0 +1,21 @@
+import {
+  File as ZendeskFile,
+  FileList as ZendeskFileList,
+  FileUpload as ZendeskFileUpload,
+  IFileProps,
+  IFileUploadProps,
+} from "@zendeskgarden/react-forms";
+import { ComponentProps } from "react";
+import styled from "styled-components";
+
+const UgFileUpload = styled(ZendeskFileUpload)``;
+const UgFileList = styled(ZendeskFileList)``;
+const UgFile = styled(ZendeskFile)``;
+
+type FileListProps = Omit<ComponentProps<typeof ZendeskFileList>, "ref">;
+
+const FileUpload = (props: IFileUploadProps) => <UgFileUpload {...props} />;
+const FileList = (props: FileListProps) => <UgFileList {...props} />;
+const File = (props: IFileProps) => <UgFile {...props} />;
+
+export { FileUpload, FileList, File };
\ No newline at end of file