perf: update to Lit2.0, TS support, issue templates, component regist…

…ration extension and update to Node 18+

Change to be committed:
modified: package-lock.json
modified: package.json
modified: README.md
modified: .github/settings.yml
modified: .github/workflows/testPublish.yml
modified: .husky/pre-commit
modified: scripts/staticStyles-template.js
modified: src/auro-dropdown.js
deleted: .github/ISSUE_TEMPLATE/bug_report.md
deleted: .github/ISSUE_TEMPLATE/feature_request.md
deleted: .github/ISSUE_TEMPLATE/general-support.md
deleted: packageScripts/postinstall.js
new file: tsconfig.json
new file: .github/ISSUE_TEMPLATE/bug_report.yml
new file: .github/ISSUE_TEMPLATE/feature_request.yml
new file: .github/ISSUE_TEMPLATE/general-support.yml
new file: packageScripts/postinstall.mjs

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,56 @@
+name: Bug report
+description: Create a report to help us improve
+title: '[issue summary] Please verify version before submitting new issue'
+labels:
+  - 'Type: Bug'
+  - not-reviewed
+  - auro-dropdown
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+  - type: input
+    id: version
+    attributes:
+      label: Please verify the version of auro-dropdown you have installed
+  - type: markdown
+    attributes:
+      value: >
+        [![See it on
+        NPM!](https://img.shields.io/npm/v/@alaskaairux/auro-dropdown?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@alaskaairux/auro-dropdown)
+  - type: textarea
+    id: details
+    attributes:
+      label: Please describe the bug
+      description: List out the steps to reproduce the behavior
+      placeholder: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error
+  - type: dropdown
+    id: repro
+    attributes:
+      label: Reproducing the error
+      description: Are you able to reproduce this issue on the [Auro docsite](https://auro.alaskaair.com/)?
+      options:
+        - This issue is reproducible on the Auro docsite
+        - This issue cannot be reproduced on the Auro docsite
+  - type: textarea
+    id: expected
+    attributes:
+      label: Expected behavior
+      description: Please add a  clear and concise description of what you expected to
+        happen.
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,29 @@
+name: Feature request
+description: Suggest an idea for this project
+title: 'auro-dropdown: [feature summary]'
+labels:
+  - 'Type: Feature'
+  - not-reviewed
+  - auro-dropdown
+body:
+  - type: textarea
+    id: request
+    attributes:
+      label: Is your feature request related to a problem? Please describe.
+      description: A clear and concise description of what the problem is.
+      placeholder: Ex. I'm always frustrated when [...]
+  - type: textarea
+    id: solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+  - type: textarea
+    id: alternative
+    attributes:
+      label: Describe alternatives you've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/general-support.yml

@@ -0,0 +1,24 @@
+name: General support
+description: Suggestions that are not related to bugs or new features
+title: 'auro-dropdown: [issue]'
+labels:
+  - 'Type: Question'
+  - 'Type: Feature'
+  - not-reviewed
+  - auro-dropdown
+body:
+  - type: textarea
+    id: request
+    attributes:
+      label: General Support Request
+      description: A clear and concise description of what you are interested in seeing.
+  - type: textarea
+    id: solution
+    attributes:
+      label: Possible Solution
+      description: Not obligatory, but suggest an idea of how to implement the requested update.
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.

.github/settings.yml

@@ -59,7 +59,7 @@ branches:
         # Required. Require branches to be up to date before merging.
         strict: true
         # Required. The list of status checks to require in order to merge into this branch
-        contexts: ["test (16.x)", "license/cla"]
+        contexts: ["test (18.x)", "license/cla"]
       # Required. Enforce all configured restrictions for administrators. Set to true to enforce required status checks for repository administrators. Set to null to disable.
       enforce_admins: false
       # Required. Restrict who can push to this branch. Team and user restrictions are only available for organization-owned repositories. Set to null to disable.
@@ -71,7 +71,7 @@ branches:
 labels:
   - name: auro-dropdown
     cat: default
-    color: fa23e4
+    color: 'fa23e4'
     description:
     process: Key filter for this repo
   - name: not-reviewed
@@ -81,7 +81,7 @@ labels:
     color: 'A9A9A9'
     description: Completed work has been released
   - name: 'Status: help wanted'
-    color: '2492eb'
+    color: '6bb7fb'
     description: Team is asking for assistance to complete the work
   - name: 'Status: Work In Progress'
     description: Issue or Pull Request work is in Progress
@@ -106,24 +106,28 @@ labels:
     aliases:
     - bug
   - name: 'Type: Feature'
-    color: 'e5ad07'
+    color: 'ffd200'
     description: New Feature
     aliases:
     - enhancement
   - name: 'Type: Design'
-    color: 'e5ad07'
+    color: 'ffd200'
     description: New or related Design work
     aliases:
     - enhancement
-  - name: 'Type: Testing'
-    color: 'fff0cd'
-    description: Test maintenance and support
-    aliases:
-    - test
-    - testing
   - name: 'Type: Documentation'
-    color: 'f26135'
+    color: 'ffd200'
     description: Documentation only changes
     aliases:
     - documents
     - document
+  - name: 'Type: Perf'
+    color: 'ffd200'
+    description: Performance update to existing code
+  - name: 'Question'
+    color: 'b83302'
+  - name: 'Type: UI Update'
+    color: 'ffd200'
+    description: Changes to the user interface
+    aliases:
+    - dependencies

.github/workflows/testPublish.yml

@@ -15,7 +15,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [ 16.x ]
+        node-version: [ 18.x ]
 
     steps:
       - uses: actions/checkout@v3
@@ -37,7 +37,7 @@ jobs:
           persist-credentials: false
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
       - run: npm ci
       - run: npm run build
       - uses: cycjimmy/semantic-release-action@v3

.husky/pre-commit

@@ -1,4 +1,4 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-./node_modules/.bin/npm-run-all preCommit test linters postinstall
+npm test

README.md

@@ -77,8 +77,8 @@ In cases where the project is not able to process JS assets, there are pre-proce
 Include the following example HTML code in the `<head>` element of your page.
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@alaskaairux/webcorestylesheets@latest/dist/bundled/essentials.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css" />
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/essentials.css" />
 <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-dropdown@latest/dist/auro-dropdown__bundled.js" type="module"></script>
 ```