feat(form): FileInput automatically swaps button type to text if children exist

Author: mlaursen

packages/form/src/file-input/FileInput.tsx

@@ -78,7 +78,7 @@ export const FileInput = forwardRef<HTMLInputElement, FileInputProps>(
       children: propChildren,
       theme = "primary",
       themeType = "contained",
-      buttonType = "icon",
+      buttonType = propChildren ? "text" : "icon",
       multiple = false,
       disableIconSpacing: propDisableIconSpacing,
       disableRepeatableFiles = false,

packages/form/src/file-input/__tests__/__snapshots__/FileInput.tsx.snap

@@ -39,7 +39,7 @@ exports[`FileInput should render correctly 2`] = `
     value=""
   />
   <label
-    class="rmd-file-input-label rmd-button rmd-button--icon rmd-button--contained rmd-button--primary"
+    class="rmd-file-input-label rmd-button rmd-button--text rmd-button--contained rmd-button--primary"
     for="input"
   >
     <i
@@ -65,7 +65,7 @@ exports[`FileInput should render correctly 3`] = `
     value=""
   />
   <label
-    class="rmd-file-input-label rmd-button rmd-button--icon rmd-button--contained rmd-button--primary"
+    class="rmd-file-input-label rmd-button rmd-button--text rmd-button--contained rmd-button--primary"
     for="input"
   >
     Custom children and no Icon