feat: update version to 4.1.1-canary and add File component to forms

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",

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";

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 };