feat: Added File Upload Components (#175)

Author: madsrasmussen

.github/workflows/pr-first-response.yml

@@ -4,7 +4,7 @@ on:
   pull_request:
     types: [opened]
 
-jobs: 
+jobs:
   send-response:
     runs-on: ubuntu-latest
     steps:
@@ -23,4 +23,4 @@ jobs:
               owner: context.repo.owner,
               repo: context.repo.repo,
               body: `${{ env.fetch-api-data }}`
-            })
+            })

README.md

@@ -39,13 +39,16 @@ If you want to develop a component or contribute to the repository go to ["Get s
 | [`<uui-checkbox>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-checkbox)                                         | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-checkbox?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-checkbox)                                         |
 | [`<uui-dialog>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-dialog)                                             | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-dialog?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-dialog)                                             |
 | [`<uui-dialog-layout>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-dialog-layout)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-dialog-layout?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-dialog-layout)                               |
+| [`<uui-file-dropzone>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-file-dropzone)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-file-dropzone?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-file-dropzone)                               |
+| [`<uui-file-preview>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-file-preview)                                 | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-file-preview?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-file-preview)                                 |
 | [`<uui-form>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-form)                                                 | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-form?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-form)                                                 |
 | [`<uui-form-layout-item>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-form-layout-item)                         | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-form-layout-item?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-form-layout-item)                         |
 | [`<uui-form-validation-message>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-form-validation-message)           | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-form-validation-message?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-form-validation-message)           |
 | [`<uui-icon>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-icon)                                                 | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-icon?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-icon)                                                 |
 | [`<uui-icon-registry>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-icon-registry)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-icon-registry?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-icon-registry)                               |
 | [`<uui-icon-registry-essential>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-icon-registry-essential)           | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-icon-registry-essential?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-icon-registry-essential)           |
 | [`<uui-input>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-input)                                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-input?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-input)                                               |
+| [`<uui-input-file>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-input-file)                                     | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-input-file?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-input-file)                                     |
 | [`<uui-input-lock>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-input-lock)                                     | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-input-lock?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-input-lock)                                     |
 | [`<uui-input-password>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-input-password)                             | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-input-password?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-input-password)                             |
 | [`<uui-keyboard-shortcut>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-keyboard-shortcut)                       | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-keyboard-shortcut?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-keyboard-shortcut)                       |
@@ -72,6 +75,8 @@ If you want to develop a component or contribute to the repository go to ["Get s
 | [`<uui-slider>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-slider)                                             | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-slider?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-slider)                                             |
 | [`<uui-symbol-expand>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-expand)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-expand?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-expand)                               |
 | [`<uui-symbol-file>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-file)                                   | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-file?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-file)                                   |
+| [`<uui-symbol-file-dropzone>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-file-dropzone)                 | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-file-dropzone?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-file-dropzone)                 |
+| [`<uui-symbol-file-thumbnail>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-file-thumbnail)               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-file-thumbnail?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-file-thumbnail)               |
 | [`<uui-symbol-folder>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-folder)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-folder?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-folder)                               |
 | [`<uui-symbol-lock>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-lock)                                   | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-lock?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-lock)                                   |
 | [`<uui-symbol-more>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-symbol-more)                                   | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-symbol-more?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-symbol-more)                                   |