Merge pull request #207 from umbraco/Release/0.2.0

Release/0.2.0

Author: iOvergaard

.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,53 @@
+name: pr-first-response
+
+on:
+  pull_request_target:
+    types: [opened]
+
+jobs: 
+  send-response:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write    
+    steps:
+      - name: Install dependencies
+        run: |
+          npm install node-fetch@2
+      - name: Fetch random comment 🗣️ and add it to the PR
+        uses: actions/github-script@v6
+        with:
+          script: |
+            const fetch = require('node-fetch')
+
+            const response = await fetch('https://collaboratorsv2.euwest01.umbraco.io/umbraco/api/comments/PostComment', {
+              method: 'post',
+              body: JSON.stringify({
+                repo: '${{ github.repository }}',
+                number: '${{ github.event.number }}',
+                actor: '${{ github.actor }}',
+                commentType: 'opened-pr-first-comment'
+              }),
+              headers: {
+                'Authorization': 'Bearer ${{ secrets.OUR_BOT_API_TOKEN }}',
+                'Content-Type': 'application/json'
+              }
+            });
+
+            try {
+                const data = await response.text();
+
+                if(response.status === 200 && data !== '') {
+                    github.rest.issues.createComment({
+                        issue_number: context.issue.number,
+                        owner: context.repo.owner,
+                        repo: context.repo.repo,
+                        body: data
+                    });
+                } else {
+                    console.log("Status code did not indicate success:", response.status);
+                    console.log("Returned data:", data);
+                }
+            } catch(error) {
+                console.log(error);
+            }

.storybook/main.js

@@ -1,7 +1,7 @@
 const tsconfigPaths = require('vite-tsconfig-paths').default;
 
 module.exports = {
-  stories: ['../packages/**/*.story.ts'],
+  stories: ['../packages/**/*.story.ts', '../stories/**/*.story.ts'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',

.storybook/preview-head.html

@@ -14,8 +14,12 @@
     /* reset defaults: */
     margin: 24px;
     position: relative;
+  }
+
+  body.sb-main-padded {
     padding: 40px !important;
   }
+
   body[baseline-grid]::after {
     content: '';
     position: absolute;

README.md

@@ -37,15 +37,20 @@ If you want to develop a component or contribute to the repository go to ["Get s
 | [`<uui-card-user>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-card-user)                                       | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-card-user?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-card-user)                                       |
 | [`<uui-caret>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-caret)                                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-caret?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-caret)                                               |
 | [`<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-combobox>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-combobox)                                         | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-combobox?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-combobox)                                         |
+| [`<uui-combobox-list>`](https://github.com/umbraco/Umbraco.UI/tree/dev/packages/uui-combobox-list)                               | [![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-combobox-list?logoColor=%231B264F)](https://www.npmjs.com/package/@umbraco-ui/uui-combobox-list)                               |
 | [`<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 +77,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)                                   |

images/login.jpeg

@@ -10,16 +10,22 @@
     }
   },
   "ignoreChanges": [
+    ".github/**/*",
     "**/tsconfig.json",
     "**/*.story.ts",
     "**/*.test.ts",
     "**/*.md",
     "lerna.json",
     ".storybook/**/*",
+    "stories/**/*",
     "storyhelpers/**/*",
     "templates/**/*",
     "docs/**/*",
     "package.json",
-    "package-lock.json"
+    "package-lock.json",
+    "images/**/*",
+    "scripts/**/*",
+    "src/**/*",
+    "templates/**/*"
   ]
 }