.changeset/README.md

@@ -0,0 +1,63 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+## What are Changesets?
+
+Changesets are a way to manage versions and changelogs for monorepos. Each changeset:
+
+-   Describes changes made in one or more packages
+-   Indicates the type of change (major, minor, patch)
+-   Contains a brief markdown summary of the changes
+
+## How to Add a Changeset
+
+1. Make your changes to the codebase
+2. Run the following command:
+    ```bash
+    yarn changeset
+    ```
+3. Follow the prompts:
+    - Select the packages that have changed
+    - Choose the type of change for each package:
+        - `major` (breaking changes)
+        - `minor` (new features)
+        - `patch` (bug fixes)
+    - Write a summary of the changes
+
+The command will create a new markdown file in the `.changeset` directory with your changes.
+
+## Example Changeset
+
+A typical changeset file looks like this:
+
+```markdown
+---
+'@spectrum-web-components/button': minor
+'@spectrum-web-components/theme': patch
+---
+
+Added new variant to button component and fixed theme compatibility issues
+```
+
+## Common Questions
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
+
+## Publishing Process
+
+1. Changesets are collected in PRs
+2. When PRs are merged, the changesets are accumulated
+3. During release, changesets are used to:
+    - Determine new version numbers
+    - Generate changelogs
+    - Update package.json files
+
+## Additional Resources
+
+-   [Changesets Documentation](https://github.com/changesets/changesets)
+-   [Common Questions](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
+-   [Detailed Release Process](https://github.com/changesets/changesets/blob/main/docs/detailed-explanation.md)

.changeset/config.json

@@ -0,0 +1,16 @@
+{
+    "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
+    "changelog": [
+        "@changesets/changelog-github",
+        {
+            "repo": "adobe/spectrum-web-components"
+        }
+    ],
+    "commit": false,
+    "fixed": [["@spectrum-web-components/*"]],
+    "linked": [],
+    "access": "public",
+    "baseBranch": "main",
+    "updateInternalDependencies": "patch",
+    "ignore": []
+}

.circleci/config.yml

@@ -4,7 +4,7 @@ executors:
     node:
         docker:
             - image: mcr.microsoft.com/playwright:v1.44.0
-        resource_class: large
+        resource_class: xlarge
         environment:
             NODE_ENV: development
 parameters:
@@ -14,7 +14,7 @@ parameters:
     # 3. Commit this change to the PR branch where the changes exist.
     current_golden_images_hash:
         type: string
-        default: 34923d02e4b68736f367f04be8d5a4f3843bc091
+        default: 5e1cd4e8bb4cfd4b3327a8487356d09b11658647
     wireit_cache_name:
         type: string
         default: wireit
@@ -101,9 +101,26 @@ commands:
                       cp projects/documentation/content/favicon.ico test/visual
                       branch=$(git symbolic-ref --short HEAD)
                       hash=$(echo -n $branch-<< parameters.regression_system >>-<< parameters.regression_color >>-<< parameters.regression_scale >>-<< parameters.regression_dir >> | md5sum | cut -c 1-32)
-                      echo "Netlify alias hash: $hash" 
+                      echo "Netlify alias hash: $hash"
                       echo "Deploying from test/visual directory..."
-                      yarn netlify deploy --alias=$hash --cwd test/visual
+
+                      max_attempts=3
+                      attempt=0
+
+                      while [ $attempt -lt $max_attempts ]; do
+                          if yarn netlify deploy --alias=$hash --cwd test/visual; then
+                              echo "Deployment successful!"
+                              exit 0
+                          else
+                              attempt=$((attempt + 1))
+                              echo "Deploy failed, retrying ($attempt/$max_attempts)..."
+                              sleep 10  # Adjust delay if needed
+                          fi
+                      done
+
+                      echo "Deployment failed after $max_attempts attempts."
+                      exit 1
+
             # move "updated" screenshot into the baseline directory before making the new cache
             - run:
                   when: always
@@ -295,8 +312,26 @@ jobs:
                       cp projects/documentation/content/favicon.ico test/visual
                       branch=$(git symbolic-ref --short HEAD)
                       hash=$(echo -n $branch-hcm | md5sum | cut -c 1-32)
-                      echo hash
-                      yarn netlify deploy --alias=$hash --cwd test/visual
+                      echo "Netlify alias hash: $hash"
+                      echo "Deploying from test/visual directory..."
+
+                      max_attempts=3
+                      attempt=0
+
+                      while [ $attempt -lt $max_attempts ]; do
+                          if yarn netlify deploy --alias=$hash --cwd test/visual; then
+                              echo "Deployment successful!"
+                              exit 0
+                          else
+                              attempt=$((attempt + 1))
+                              echo "Deploy failed, retrying ($attempt/$max_attempts)..."
+                              sleep 10  # Adjust delay if needed
+                          fi
+                      done
+
+                      echo "Deployment failed after $max_attempts attempts."
+                      exit 1
+
             # move "updated" screenshot into the baseline directory before making the new cache
             - run:
                   when: always

.github/workflows/beta-release.yml

@@ -16,59 +16,20 @@ jobs:
             - name: Setup Job and Install Dependencies
               uses: ./.github/actions/setup-job
 
-            - name: Install semver
-              run: npm install -g semver
-
             - name: Set Git identity
               run: |
                   git config --global user.email "support+actions@github.com"
                   git config --global user.name "github-actions-bot"
 
-            - name: Get Lerna current version
-              id: get_lerna_version
-              run: |
-                  CURRENT_VERSION=$(yarn lerna ls --json | jq -r '.[0].version')
-                  echo "version=$CURRENT_VERSION" >> $GITHUB_OUTPUT
-
-            - name: Calculate next minor version
-              id: calculate_next_minor_version
-              run: |
-                  NEXT_MINOR_VERSION=$(semver "${{ steps.get_lerna_version.outputs.version }}" -i minor)
-                  echo "next_minor_version=$NEXT_MINOR_VERSION" >> $GITHUB_OUTPUT
-
-            - name: Get latest published beta version
-              id: get_latest_published_beta
-              run: |
-                  LATEST_BETA_VERSION=$(npm view @spectrum-web-components/button@beta version || echo "none")
-                  echo "latest_beta_version=$LATEST_BETA_VERSION" >> $GITHUB_OUTPUT
-
-            - name: Calculate next beta version
-              id: calculate_next_beta_version
-              run: |
-                  NEXT_MINOR_VERSION="${{ steps.calculate_next_minor_version.outputs.next_minor_version }}"
-                  LATEST_BETA_VERSION="${{ steps.get_latest_published_beta.outputs.latest_beta_version }}"
-
-                  if [ "$LATEST_BETA_VERSION" == "none" ]; then
-                      BETA_VERSION="$NEXT_MINOR_VERSION-beta.0"
-                  else
-                      LATEST_BETA_BASE_VERSION=$(echo "$LATEST_BETA_VERSION" | sed 's/-beta\.[0-9]*//')
-
-                      if [ "$NEXT_MINOR_VERSION" != "$LATEST_BETA_BASE_VERSION" ]; then
-                          BETA_VERSION="$NEXT_MINOR_VERSION-beta.0"
-                      else
-                          CURRENT_BETA_NUMBER=$(echo "$LATEST_BETA_VERSION" | sed 's/.*-beta\.\([0-9]\+\)/\1/')
-                          NEXT_BETA_NUMBER=$((CURRENT_BETA_NUMBER + 1))
-                          BETA_VERSION="$NEXT_MINOR_VERSION-beta.$NEXT_BETA_NUMBER"
-                      fi
-                  fi
-
-                  echo "beta_version=$BETA_VERSION" >> $GITHUB_OUTPUT
-
             - name: Update package versions for beta release
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
               run: |
-                  yarn lerna version "${{ steps.calculate_next_beta_version.outputs.beta_version }}" --no-git-tag-version --no-push --yes
+                  yarn changeset pre enter beta
+                  # Apply the changeset with specific beta tag
+                  yarn changeset version
 
-            - name: Configure NPM for Lerna publish
+            - name: Configure NPM for changeset publish
               env:
                   NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
               run: |
@@ -78,6 +39,7 @@ jobs:
               env:
                   NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
               run: |
-                  git commit -am "chore: publish beta version ${{ steps.calculate_next_beta_version.outputs.beta_version }}"
-                  yarn prelerna-publish
-                  yarn lerna publish from-package --dist-tag beta --no-git-tag-version --no-push --yes
+                  git commit -am "chore: publish beta version"
+                  yarn prepublishOnly
+                  yarn changeset publish --no-git-tag
+                  git reset --hard HEAD^

.github/workflows/browser-tests.yml

@@ -0,0 +1,73 @@
+name: Browser Performance Tests
+
+on:
+    pull_request:
+        types: [opened, synchronize, reopened]
+
+jobs:
+    test-changed-packages:
+        strategy:
+            matrix:
+                browser: [firefox, chrome]
+        name: Compare performance to latest release on ${{ matrix.browser }}
+
+        # The job will only run if the pull request is from the same repository.
+        # Benchmarks can't run on PRs from forked repos due to comment posting restrictions without a GitHub token.
+        if: ${{ github.event.pull_request == null || github.event.pull_request.head.repo.full_name == github.repository }}
+        runs-on: ubuntu-22.04
+        steps:
+            - name: Checkout main
+              uses: actions/checkout@v4
+              with:
+                  ref: main
+
+            - name: Checkout PR branch
+              uses: actions/checkout@v4
+
+            - name: Setup Job and Install Dependencies
+              uses: ./.github/actions/setup-job
+
+            - name: Tachometer the changed packages
+              run: yarn test:changed --browser=${{ matrix.browser }}
+
+            - name: Create a dummy file to ensure at least one results file exists
+              run: touch tachometer.${{ matrix.browser }}-ran.txt
+
+            - name: Archive ${{ matrix.browser }} tachometer results
+              uses: actions/upload-artifact@v4
+              with:
+                  name: tachometer-results-${{ matrix.browser }}
+                  path: |
+                      tach-results.${{ matrix.browser }}.*.json
+                      tachometer.${{ matrix.browser }}-ran.txt
+
+    comment-performance:
+        name: Comment tachometer performance results
+        needs: [test-changed-packages]
+
+        # The job will only run if the pull request is from the same repository.
+        # Benchmarks can't run on PRs from forked repos due to comment posting restrictions without a GitHub token.
+        if: ${{ github.event.pull_request == null || github.event.pull_request.head.repo.full_name == github.repository }}
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout main
+              uses: actions/checkout@v4
+              with:
+                  ref: main
+
+            - name: Checkout PR branch
+              uses: actions/checkout@v4
+
+            - name: Setup Job and Install Dependencies
+              uses: ./.github/actions/setup-job
+
+            - uses: actions/download-artifact@v4
+
+            - name: Post Tachometer Performance Comment
+              uses: actions/github-script@v7
+              with:
+                  script: |
+                      const { buildTachometerComment } = await import('${{ github.workspace }}/tasks/build-tachometer-comment.js');
+                      const body = buildTachometerComment();
+                      const { commentOrUpdate } = await import('${{ github.workspace }}/tasks/comment-or-update.js');
+                      commentOrUpdate(github, context, '## Tachometer results', body);