Merge branch 'dev' into cycle-hack/auth-and-app-header-example-stories

Author: JesmoDev

.github/pull_request_template.md

@@ -27,5 +27,4 @@
 
 - [ ] If my change requires a change to the documentation, I have updated the documentation in this pull request.
 - [ ] I have read the **[CONTRIBUTING](<(https://github.com/umbraco/Umbraco.UI/blob/dev/docs/CONTRIBUTING.md)>)** document.
-- [ ] I confirm that to my knowledge the contribution looks original and that the [contributor is presumably allowed to share it](https://github.com/umbraco/Umbraco.UI/blob/dev/docs/CONTRIBUTING.md#ownership-and-copyright).
 - [ ] I have added tests to cover my changes.

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

@@ -0,0 +1,26 @@
+name: pr-first-response
+
+on:
+  pull_request:
+    types: [opened]
+
+jobs:
+  send-response:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Fetch random comment 🗣️
+        uses: JamesIves/[email protected]
+        with:
+          ENDPOINT: https://collaboratorsv2.euwest01.umbraco.io/umbraco/api/comments/PostComment
+          CONFIGURATION: '{ "method": "POST", "headers": {"Authorization": "Bearer ${{ secrets.OUR_BOT_API_TOKEN }}", "Content-Type": "application/json" }, "body": { "repo": "${{ github.repository }}", "number": "${{ github.event.number }}", "actor": "${{ github.actor }}", "commentType": "opened-pr-first-comment"} }'
+      - name: Add PR comment
+        if: "${{ env.fetch-api-data != '' }}"
+        uses: actions/github-script@v5
+        with:
+          script: |
+            github.rest.issues.createComment({
+              issue_number: context.issue.number,
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              body: `${{ env.fetch-api-data }}`
+            })

.storybook/main.js

@@ -8,7 +8,7 @@ module.exports = {
     '@storybook/addon-a11y',
     '../storyhelpers/storybook-readme/preset.js',
   ],
-  core: { builder: 'storybook-builder-vite' },
+  core: { builder: '@storybook/builder-vite' },
   staticDirs: ['./images'],
 
   async viteFinal(config, { configType }) {

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)                                   |