feat(*): kongponents major reskin [KHCP-8873]

.github/CODEOWNERS

@@ -22,12 +22,11 @@
 # Dev tools
 /.eslintrc.js @adamdehaven @jillztom
 /.stylelintrc.cjs @adamdehaven @jillztom @portikM
-/deprecated-classes.cjs @adamdehaven @jillztom @portikM
 /.gitignore @adamdehaven @jillztom @kaiarrowood
 /vite.config.ts @adamdehaven @jillztom
 
 # Dependabot approvals
 # Allow Kongponents BOT to approve dependabot updates
 # These rules MUST remain at the bottom as the last entry
 package.json @kongponents-bot @Kong/team-core-ui @adamdehaven @jillztom @kaiarrowood
-yarn.lock @kongponents-bot @Kong/team-core-ui @adamdehaven @jillztom @kaiarrowood
+pnpm-lock.yaml @kongponents-bot @Kong/team-core-ui @adamdehaven @jillztom @kaiarrowood

.github/actions/setup-pnpm-with-dependencies/action.yaml

@@ -0,0 +1,62 @@
+name: Setup PNPM with Dependencies
+description: Reusable composition of setup-node, cache, and pnpm install actions
+inputs:
+  nodejs-version:
+    description: 'Version of NodeJS to use (ex: 18.19.1)'
+    default: '18.19.1'
+  force-install:
+    description: When 'true', pnpm install will be executed regardless of a cache hit
+    required: false
+    default: 'false'
+  frozen-lockfile:
+    description: When false, pnpm install will use the --no-frozen-lockfile flag
+    required: false
+    default: 'true'
+outputs:
+  cache-hit:
+    description: Whether or not there was a cache hit
+    value: ${{ steps.dependency-cache.outputs.cache-hit }}
+runs:
+  using: composite
+  steps:
+
+    - name: get Node version
+      id: node-version
+      shell: bash
+      run: |
+        voltaNodeVersion=$(cat package.json|jq -r ".volta.node")
+        if [[ $voltaNodeVersion == null ]]; then
+          voltaNodeVersion="${{ inputs.nodejs-version }}"
+        fi
+        voltaPnpmVersion=$(cat package.json|jq -r ".volta.pnpm")
+        if [[ $voltaPnpmVersion == null ]]; then
+          voltaPnpmVersion="9.3.0"
+        fi
+
+        echo "node-version=${voltaNodeVersion}">> $GITHUB_OUTPUT
+        echo "pnpm-version=${voltaPnpmVersion}">> $GITHUB_OUTPUT
+
+    - name: Setup Node
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ steps.node-version.outputs.node-version }}
+
+    - name: Install PNPM
+      shell: bash
+      run: |
+        npm i -g pnpm@${{ steps.node-version.outputs.pnpm-version }}
+        pnpm --version
+
+    - name: Dependency Cache
+      id: dependency-cache
+      uses: actions/cache@v4
+      with:
+        path: |
+          ~/.cache/Cypress
+          **/node_modules
+        key: pnpm-${{ steps.node-version.outputs.pnpm-version }}-${{ steps.node-version.outputs.node-version }}-${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+    - name: Install Dependencies
+      if: ${{ inputs.force-install == 'true' || steps.dependency-cache.outputs.cache-hit != 'true' }}
+      shell: bash
+      run: pnpm i${{ inputs.frozen-lockfile == 'false' && ' --no-frozen-lockfile' || '' }}

.github/pull_request_template.md

@@ -0,0 +1,12 @@
+# Summary
+
+<!-- 
+  Be sure your Pull Request includes:
+
+  - JIRA ticket number in the title, and link in the summary
+  - An accurate summary of what is being added/edited/removed
+  - Tests (unit, component, regression)
+  - Updated documentation and commented code
+  - Link to Figma, if applicable
+  - Conventional Commits
+-->

.github/workflows/auto-approve.yaml

@@ -9,6 +9,7 @@ on: pull_request_target
 
 jobs:
   renovate-autoapprove:
+    timeout-minutes: ${{ fromJSON(vars.GHA_DEFAULT_TIMEOUT) }}
     runs-on: ubuntu-latest
     # Do not auto-approve branches `alpha` or `beta`
     if: github.actor == 'renovate[bot]' && !contains(github.head_ref || github.ref_name, 'alpha') && !contains(github.head_ref || github.ref_name, 'beta')

.github/workflows/cleanup-preview-packages.yaml

@@ -11,6 +11,7 @@ concurrency:
 
 jobs:
   cleanup:
+    timeout-minutes: ${{ fromJSON(vars.GHA_DEFAULT_TIMEOUT) }}
     name: Cleanup PR Previews
     runs-on: ubuntu-latest
     env:

.github/workflows/commitlint.yaml

@@ -5,6 +5,7 @@ on:
 
 jobs:
   commitlint:
+    timeout-minutes: ${{ fromJSON(vars.GHA_DEFAULT_TIMEOUT) }}
     if: ${{ github.actor != 'renovate[bot]' }}
     runs-on: ubuntu-latest
     steps:
@@ -16,6 +17,6 @@ jobs:
       - name: Remove tsconfig
         run: rm tsconfig.json
 
-      - uses: wagoid/commitlint-github-action@v5.4.3
+      - uses: wagoid/commitlint-github-action@v6.0.1
         with:
-          configFile: commitlint.config.cjs
+          configFile: commitlint.config.ts

.github/workflows/get-changed-files.yaml

@@ -12,43 +12,44 @@ on:
       components-or-docs-or-cypress-files-changed:
         description: Check if src or docs (`src` or `docs` directories) files have changed
         value: ${{ jobs.get-changed-files.outputs.components-or-docs-or-cypress-files-changed }}
-      package-json-yarn-lock-files-changed:
-        description: Check if package.json or yarn.lock files changed
-        value: ${{ jobs.get-changed-files.outputs.package-json-yarn-lock-files-changed }}
+      package-json-pnpm-lock-files-changed:
+        description: Check if package.json or pnpm.lock files changed
+        value: ${{ jobs.get-changed-files.outputs.package-json-pnpm-lock-files-changed }}
 
 jobs:
   get-changed-files:
+    timeout-minutes: ${{ fromJSON(vars.GHA_DEFAULT_TIMEOUT) }}
     name: Check changed files
     runs-on: ubuntu-22.04
     outputs:
       component-files-changed: ${{ steps.component-files-changed.outputs.any_modified }}
       docs-files-changed: ${{ steps.docs-files-changed.outputs.any_modified }}
       components-or-docs-or-cypress-files-changed: ${{ steps.components-or-docs-or-cypress-files-changed.outputs.any_modified }}
-      package-json-yarn-lock-files-changed: ${{ steps.package-json-yarn-lock-files-changed.outputs.any_modified }}
+      package-json-pnpm-lock-files-changed: ${{ steps.package-json-pnpm-lock-files-changed.outputs.any_modified }}
 
     steps:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 2
 
       - name: Check if component (`src` directory) files have changed
-        uses: tj-actions/changed-files@v39
+        uses: tj-actions/changed-files@v44
         id: component-files-changed
         # Return 'true' for any directories listed here that changed
         with:
           files: |
             src/**
 
       - name: Check if docs (`docs` directory) files have changed
-        uses: tj-actions/changed-files@v39
+        uses: tj-actions/changed-files@v44
         id: docs-files-changed
         # Return 'true' for any directories listed here that changed
         with:
           files: |
             docs/**
 
       - name: Check if files changed in `src/`, `docs/`, or `cypress/` directories
-        uses: tj-actions/changed-files@v39
+        uses: tj-actions/changed-files@v44
         id: components-or-docs-or-cypress-files-changed
         # Return 'true' for any directories listed here that changed
         with:
@@ -57,11 +58,11 @@ jobs:
             docs/**
             cypress/**
 
-      - name: Check if package.json or yarn.lock files changed
-        uses: tj-actions/changed-files@v39
-        id: package-json-yarn-lock-files-changed
+      - name: Check if package.json or pnpm.lock files changed
+        uses: tj-actions/changed-files@v44
+        id: package-json-pnpm-lock-files-changed
         # Return 'true' for any directories listed here that changed
         with:
           files: |
             package.json
-            yarn.lock
+            pnpm-lock.yaml

.github/workflows/pr-closed.yaml

@@ -6,6 +6,7 @@ on:
 
 jobs:
   remove-pr-preview-comment:
+    timeout-minutes: ${{ fromJSON(vars.GHA_DEFAULT_TIMEOUT) }}
     name: Remove PR preview comment from PR
     runs-on: ubuntu-latest
     env: