docs: setup github issues beta templates

.github/ISSUE_TEMPLATE/accessibility_issue.md

@@ -1,5 +1,5 @@
 ---
-name: Accessibility issue
+name: Accessibility issue  (Deprecated)
 about: Have you identified an accessibility issue regarding a Fluent UI React control?
 ---
 

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -0,0 +1,129 @@
+name: 🐞 Bug Report
+description: File a bug report
+title: '[Bug]: '
+labels: ['Type: Bug 🐛', 'Needs: Triage 🔍']
+assignees: []
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+
+  - type: dropdown
+    id: lib-version
+    attributes:
+      label: Library
+      description: Which library is affected
+      options:
+        - React Northstar / v0 (@fluentui/react-northstar)
+        - React / v8 (@fluentui/react)
+        - React Components / v9 (@fluentui/react-components)
+        - Web Components (@fluentui/web-components)
+    validations:
+      required: true
+
+  - type: textarea
+    id: env-info
+    attributes:
+      label: System Info
+      description: Output of `npx envinfo --system --npmPackages '{@fluent/*}' --browsers`
+      render: shell
+    validations:
+      required: true
+
+  - type: dropdown
+    id: a11y-bug
+    attributes:
+      label: Are you reporting Accessibility issue?
+      description: |
+        **PLEASE NOTE:**
+
+        1. Do not link to, screenshot or reference a Microsoft product in this description.
+        2. Our screen reader support is limited to Edge + Narrator.
+          - Please check ARIA component examples to ensure it is not a screen reader or browser issue.
+          - Issues that do not reproduce in Edge + Narrator, and aren't caused by obvious invalid aria values, should be filed with the respective screen reading software, not the Fluent UI repo.
+        3. There is documentation or best practice that supports your expected behavior (review [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.1/) for accessibility guidance.)
+      options:
+        - 'yes'
+        - 'no'
+
+  - type: input
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: |
+        Please provide a link to one of following browser tools based on library version:
+        - React Northstar / v0 - https://codesandbox.io/s/fluent-ui-template-8ismt
+        - React / v8  - https://aka.ms/fluentpen
+        - React Components / v9 - https://codesandbox.io/
+        - Web Components - https://codesandbox.io/
+
+        Or a link to a repo that can reproduce the problem you ran into.
+
+        **NOTE:**
+
+        A [minimal reproduction](https://stackoverflow.com/help/minimal-reproducible-example) is required.
+        If a report is vague (e.g. just a generic error message) and has no reproduction, it will receive a "need reproduction" label.
+
+        If no reproduction is provided after 3 days, it will be auto-closed.
+    validations:
+      required: true
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Bug Description
+      value: |
+        ## Actual Behavior
+        fill this out
+
+        ## Expected Behavior
+        fill this out
+    validations:
+      required: true
+
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: Please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+
+  - type: dropdown
+    id: request-priority
+    attributes:
+      label: Requested priority
+      options:
+        - Blocking
+        - High
+        - Normal
+        - Low
+    validations:
+      required: true
+
+  - type: input
+    id: products-affected
+    attributes:
+      label: Products/sites affected
+      placeholder: (provide if applicable)
+
+  - type: dropdown
+    id: requested-help
+    attributes:
+      label: Are you willing to submit a PR to fix?
+      options:
+        - 'yes'
+        - 'no'
+    validations:
+      required: true
+
+  - type: checkboxes
+    id: checkboxes
+    attributes:
+      label: Validations
+      description: Before submitting the issue, please make sure you do the following
+      options:
+        - label: Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
+          required: true
+        - label: The provided reproduction is a minimal reproducible example of the bug.
+          required: true

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,5 +1,5 @@
 ---
-name: Bug report
+name: Bug report (Deprecated)
 about: Found a bug in Fluent UI React?
 ---
 

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Questions & Discussions
+    url: https://github.com/microsoft/fluentui/discussions
+    about: Use GitHub discussions for message-board style questions and discussions.
+  - name: Questions via Stack Overflow
+    url: https://stackoverflow.com/questions/tagged/fluentui
+    about: Please use Stack Overflow for questions `#fluentui-react`, `#fluentui`

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -0,0 +1,55 @@
+name: "\U0001F680 New feature proposal"
+description: Propose a new feature to be added to Fluent UI
+title: '[Feature]: '
+labels: ['Type: Feature', 'Needs: Triage 🔍']
+assignees: []
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for your interest in the project and taking the time to fill out this feature report!
+
+  - type: dropdown
+    id: lib-version
+    attributes:
+      label: Library
+      description: To which library would this be added to
+      options:
+        - React Northstar / v0 (@fluentui/react-northstar)
+        - React / v8 (@fluentui/react)
+        - React Components / v9 (@fluentui/react-components)
+        - Web Components (@fluentui/web-components)
+    validations:
+      required: true
+
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: Describe the feature that you would like added
+    validations:
+      required: true
+
+  - type: input
+    id: feature-discussed-with
+    attributes:
+      label: Have you discussed this feature with our team
+      description: Please use particular person or team github handle
+    validations:
+      required: false
+
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Any other context or screenshots about the feature request here.
+    validations:
+      required: false
+
+  - type: checkboxes
+    id: checkboxes
+    attributes:
+      label: Validations
+      description: Before submitting the issue, please make sure you do the following
+      options:
+        - label: Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
+          required: true

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,5 +1,5 @@
 ---
-name: Feature request
+name: Feature request (Deprecated)
 about: Do you have feature or improvement suggestion for Fluent UI React?
 ---