Merge branch 'main' into css_modules_remove_feature_flag_text

primer · Dec 10, 2024 · ca7edc5 · ca7edc5
2 parents 9b71733 + 2028774
commit ca7edc5
Show file tree

Hide file tree

Showing 270 changed files with 1,594 additions and 4,812 deletions.
diff --git a/.changeset/big-jokes-jog.md b/.changeset/big-jokes-jog.md
diff --git a/.changeset/cyan-buses-visit.md b/.changeset/cyan-buses-visit.md
diff --git a/.changeset/empty-crews-impress.md b/.changeset/empty-crews-impress.md
diff --git a/.changeset/friendly-tomatoes-yell.md b/.changeset/friendly-tomatoes-yell.md
diff --git a/.changeset/gentle-apes-do.md b/.changeset/gentle-apes-do.md
diff --git a/.changeset/hot-chicken-tickle.md b/.changeset/hot-chicken-tickle.md
diff --git a/.changeset/large-rats-film.md b/.changeset/large-rats-film.md
diff --git a/.changeset/quick-chairs-rule.md b/.changeset/quick-chairs-rule.md
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -200,8 +200,14 @@ module.exports = {
       parserOptions: {
         project: 'tsconfig.json',
       },
-      extends: ['plugin:playwright/jest-playwright'],
-      rules: {},
+      extends: ['plugin:playwright/recommended'],
+      rules: {
+        'playwright/expect-expect': 'off',
+        'playwright/no-conditional-expect': 'off',
+        'playwright/no-conditional-in-test': 'off',
+        'playwright/no-wait-for-selector': 'off',
+        'playwright/valid-title': 'off',
+      },
     },
 
     // rules which apply only to Markdown

diff --git a/.github/workflows/assign_release_conductor.yml b/.github/workflows/assign_release_conductor.yml
@@ -18,7 +18,6 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 22
-      - run: npm i -g npm@^10.5.1
       - run: npm ci
       - uses: ./.github/actions/pagerduty
         id: pagerduty

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -27,7 +27,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Check for unformatted files
@@ -43,7 +42,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Lint JavaScript
@@ -63,7 +61,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build
@@ -81,7 +78,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build project
@@ -99,7 +95,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build
@@ -118,7 +113,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
@@ -159,7 +153,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
@@ -196,7 +189,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
@@ -237,7 +229,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
@@ -270,7 +261,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
@@ -311,7 +301,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
@@ -348,7 +337,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook
@@ -389,7 +377,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: install dependencies
         run: npm ci
       - name: download all reports
@@ -419,7 +406,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build components.json
@@ -435,7 +421,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build

diff --git a/.github/workflows/codescan.yml b/.github/workflows/codescan.yml
@@ -18,7 +18,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
 

diff --git a/.github/workflows/consumer_test.yml b/.github/workflows/consumer_test.yml
diff --git a/.github/workflows/deploy_preview.yml b/.github/workflows/deploy_preview.yml
@@ -18,7 +18,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build docs preview

diff --git a/.github/workflows/deploy_preview_forks.yml b/.github/workflows/deploy_preview_forks.yml
@@ -19,7 +19,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build docs preview

diff --git a/.github/workflows/release-schedule.yml b/.github/workflows/release-schedule.yml
@@ -31,7 +31,6 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 22
-      - run: npm i -g npm@^10.5.1
       - name: Install packages for github-script
         run: npm i date-fns
       - name: Create Release Issue

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -24,7 +24,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
 
       - name: Install dependencies
         run: npm ci

diff --git a/.github/workflows/release_canary.yml b/.github/workflows/release_canary.yml
@@ -27,7 +27,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build

diff --git a/.github/workflows/release_candidate.yml b/.github/workflows/release_candidate.yml
@@ -23,7 +23,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
 
       - name: Install dependencies
         run: npm ci

diff --git a/.github/workflows/vrt.yml b/.github/workflows/vrt.yml
@@ -39,7 +39,6 @@ jobs:
         with:
           node-version: 22
           cache: 'npm'
-      - run: npm i -g npm@^10.5.1
       - name: Install dependencies
         run: npm ci
       - name: Build storybook

diff --git a/...ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-colorblind-linux.png b/...ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-colorblind-linux.png
diff --git a/...nts/ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-dimmed-linux.png b/...nts/ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-dimmed-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-Disabled-Item-dark-high-contrast-linux.png b/...ionList.test.ts-snapshots/ActionList-Disabled-Item-dark-high-contrast-linux.png
diff --git a/...components/ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-linux.png b/...components/ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-tritanopia-linux.png b/...ActionList.test.ts-snapshots/ActionList-Disabled-Item-dark-tritanopia-linux.png
diff --git a/...ctionList.test.ts-snapshots/ActionList-Disabled-Item-light-colorblind-linux.png b/...ctionList.test.ts-snapshots/ActionList-Disabled-Item-light-colorblind-linux.png
diff --git a/...onList.test.ts-snapshots/ActionList-Disabled-Item-light-high-contrast-linux.png b/...onList.test.ts-snapshots/ActionList-Disabled-Item-light-high-contrast-linux.png
diff --git a/...omponents/ActionList.test.ts-snapshots/ActionList-Disabled-Item-light-linux.png b/...omponents/ActionList.test.ts-snapshots/ActionList-Disabled-Item-light-linux.png
diff --git a/...ctionList.test.ts-snapshots/ActionList-Disabled-Item-light-tritanopia-linux.png b/...ctionList.test.ts-snapshots/ActionList-Disabled-Item-light-tritanopia-linux.png
diff --git a/...tionList.test.ts-snapshots/ActionList-Full-Variant-dark-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Full-Variant-dark-high-contrast-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-Full-Variant-light-high-contrast-linux.png b/...ionList.test.ts-snapshots/ActionList-Full-Variant-light-high-contrast-linux.png
diff --git a/.../ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-colorblind-linux.png b/.../ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-colorblind-linux.png
diff --git a/...ents/ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-dimmed-linux.png b/...ents/ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-dimmed-linux.png
diff --git a/...tionList.test.ts-snapshots/ActionList-Loading-Item-dark-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Loading-Item-dark-high-contrast-linux.png
diff --git a/.../components/ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-linux.png b/.../components/ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-linux.png
diff --git a/.../ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-tritanopia-linux.png b/.../ActionList.test.ts-snapshots/ActionList-Loading-Item-dark-tritanopia-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Loading-Item-light-colorblind-linux.png b/...ActionList.test.ts-snapshots/ActionList-Loading-Item-light-colorblind-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-Loading-Item-light-high-contrast-linux.png b/...ionList.test.ts-snapshots/ActionList-Loading-Item-light-high-contrast-linux.png
diff --git a/...components/ActionList.test.ts-snapshots/ActionList-Loading-Item-light-linux.png b/...components/ActionList.test.ts-snapshots/ActionList-Loading-Item-light-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Loading-Item-light-tritanopia-linux.png b/...ActionList.test.ts-snapshots/ActionList-Loading-Item-light-tritanopia-linux.png
diff --git a/.../ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-colorblind-linux.png b/.../ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-colorblind-linux.png
diff --git a/...ents/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-dimmed-linux.png b/...ents/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-dimmed-linux.png
diff --git a/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Multi-Select-dark-high-contrast-linux.png
diff --git a/.../components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-linux.png b/.../components/ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-linux.png
diff --git a/.../ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-tritanopia-linux.png b/.../ActionList.test.ts-snapshots/ActionList-Multi-Select-dark-tritanopia-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Multi-Select-light-colorblind-linux.png b/...ActionList.test.ts-snapshots/ActionList-Multi-Select-light-colorblind-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-Multi-Select-light-high-contrast-linux.png b/...ionList.test.ts-snapshots/ActionList-Multi-Select-light-high-contrast-linux.png
diff --git a/...components/ActionList.test.ts-snapshots/ActionList-Multi-Select-light-linux.png b/...components/ActionList.test.ts-snapshots/ActionList-Multi-Select-light-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Multi-Select-light-tritanopia-linux.png b/...ActionList.test.ts-snapshots/ActionList-Multi-Select-light-tritanopia-linux.png
diff --git a/...ctionList.test.ts-snapshots/ActionList-Simple-List-dark-high-contrast-linux.png b/...ctionList.test.ts-snapshots/ActionList-Simple-List-dark-high-contrast-linux.png
diff --git a/...tionList.test.ts-snapshots/ActionList-Simple-List-light-high-contrast-linux.png b/...tionList.test.ts-snapshots/ActionList-Simple-List-light-high-contrast-linux.png
diff --git a/...onList.test.ts-snapshots/ActionList-Single-Divider-dark-high-contrast-linux.png b/...onList.test.ts-snapshots/ActionList-Single-Divider-dark-high-contrast-linux.png
diff --git a/...nList.test.ts-snapshots/ActionList-Single-Divider-light-high-contrast-linux.png b/...nList.test.ts-snapshots/ActionList-Single-Divider-light-high-contrast-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Single-Select-dark-colorblind-linux.png b/...ActionList.test.ts-snapshots/ActionList-Single-Select-dark-colorblind-linux.png
diff --git a/...nts/ActionList.test.ts-snapshots/ActionList-Single-Select-dark-dimmed-linux.png b/...nts/ActionList.test.ts-snapshots/ActionList-Single-Select-dark-dimmed-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-Single-Select-dark-high-contrast-linux.png b/...ionList.test.ts-snapshots/ActionList-Single-Select-dark-high-contrast-linux.png
diff --git a/...components/ActionList.test.ts-snapshots/ActionList-Single-Select-dark-linux.png b/...components/ActionList.test.ts-snapshots/ActionList-Single-Select-dark-linux.png
diff --git a/...ActionList.test.ts-snapshots/ActionList-Single-Select-dark-tritanopia-linux.png b/...ActionList.test.ts-snapshots/ActionList-Single-Select-dark-tritanopia-linux.png
diff --git a/...ctionList.test.ts-snapshots/ActionList-Single-Select-light-colorblind-linux.png b/...ctionList.test.ts-snapshots/ActionList-Single-Select-light-colorblind-linux.png
diff --git a/...onList.test.ts-snapshots/ActionList-Single-Select-light-high-contrast-linux.png b/...onList.test.ts-snapshots/ActionList-Single-Select-light-high-contrast-linux.png
diff --git a/...omponents/ActionList.test.ts-snapshots/ActionList-Single-Select-light-linux.png b/...omponents/ActionList.test.ts-snapshots/ActionList-Single-Select-light-linux.png
diff --git a/...ctionList.test.ts-snapshots/ActionList-Single-Select-light-tritanopia-linux.png b/...ctionList.test.ts-snapshots/ActionList-Single-Select-light-tritanopia-linux.png
diff --git a/...ist.test.ts-snapshots/ActionList-With-Trailing-Action-dark-colorblind-linux.png b/...ist.test.ts-snapshots/ActionList-With-Trailing-Action-dark-colorblind-linux.png
diff --git a/...ionList.test.ts-snapshots/ActionList-With-Trailing-Action-dark-dimmed-linux.png b/...ionList.test.ts-snapshots/ActionList-With-Trailing-Action-dark-dimmed-linux.png
diff --git a/....test.ts-snapshots/ActionList-With-Trailing-Action-dark-high-contrast-linux.png b/....test.ts-snapshots/ActionList-With-Trailing-Action-dark-high-contrast-linux.png
diff --git a/...nts/ActionList.test.ts-snapshots/ActionList-With-Trailing-Action-dark-linux.png b/...nts/ActionList.test.ts-snapshots/ActionList-With-Trailing-Action-dark-linux.png
diff --git a/...ist.test.ts-snapshots/ActionList-With-Trailing-Action-dark-tritanopia-linux.png b/...ist.test.ts-snapshots/ActionList-With-Trailing-Action-dark-tritanopia-linux.png
diff --git a/...st.test.ts-snapshots/ActionList-With-Trailing-Action-light-colorblind-linux.png b/...st.test.ts-snapshots/ActionList-With-Trailing-Action-light-colorblind-linux.png
diff --git a/...test.ts-snapshots/ActionList-With-Trailing-Action-light-high-contrast-linux.png b/...test.ts-snapshots/ActionList-With-Trailing-Action-light-high-contrast-linux.png
diff --git a/...ts/ActionList.test.ts-snapshots/ActionList-With-Trailing-Action-light-linux.png b/...ts/ActionList.test.ts-snapshots/ActionList-With-Trailing-Action-light-linux.png
diff --git a/...st.test.ts-snapshots/ActionList-With-Trailing-Action-light-tritanopia-linux.png b/...st.test.ts-snapshots/ActionList-With-Trailing-Action-light-tritanopia-linux.png
diff --git a/...s/ActionList.test.ts-snapshots/Heading-with-Classname-dark-colorblind-linux.png b/...s/ActionList.test.ts-snapshots/Heading-with-Classname-dark-colorblind-linux.png
diff --git a/...nents/ActionList.test.ts-snapshots/Heading-with-Classname-dark-dimmed-linux.png b/...nents/ActionList.test.ts-snapshots/Heading-with-Classname-dark-dimmed-linux.png
diff --git a/...ctionList.test.ts-snapshots/Heading-with-Classname-dark-high-contrast-linux.png b/...ctionList.test.ts-snapshots/Heading-with-Classname-dark-high-contrast-linux.png
diff --git a/...s/components/ActionList.test.ts-snapshots/Heading-with-Classname-dark-linux.png b/...s/components/ActionList.test.ts-snapshots/Heading-with-Classname-dark-linux.png
diff --git a/...s/ActionList.test.ts-snapshots/Heading-with-Classname-dark-tritanopia-linux.png b/...s/ActionList.test.ts-snapshots/Heading-with-Classname-dark-tritanopia-linux.png
diff --git a/.../ActionList.test.ts-snapshots/Heading-with-Classname-light-colorblind-linux.png b/.../ActionList.test.ts-snapshots/Heading-with-Classname-light-colorblind-linux.png
diff --git a/...tionList.test.ts-snapshots/Heading-with-Classname-light-high-contrast-linux.png b/...tionList.test.ts-snapshots/Heading-with-Classname-light-high-contrast-linux.png
diff --git a/.../components/ActionList.test.ts-snapshots/Heading-with-Classname-light-linux.png b/.../components/ActionList.test.ts-snapshots/Heading-with-Classname-light-linux.png
diff --git a/.../ActionList.test.ts-snapshots/Heading-with-Classname-light-tritanopia-linux.png b/.../ActionList.test.ts-snapshots/Heading-with-Classname-light-tritanopia-linux.png
diff --git a/....test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-colorblind-linux.png b/....test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-colorblind-linux.png
diff --git a/...Menu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-dimmed-linux.png b/...Menu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-dimmed-linux.png
diff --git a/...st.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-high-contrast-linux.png b/...st.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-high-contrast-linux.png
diff --git a/.../ActionMenu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-linux.png b/.../ActionMenu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-linux.png
diff --git a/....test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-tritanopia-linux.png b/....test.ts-snapshots/ActionMenu-Groups-And-Descriptions-dark-tritanopia-linux.png
diff --git a/...test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-colorblind-linux.png b/...test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-colorblind-linux.png
diff --git a/...t.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-high-contrast-linux.png b/...t.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-high-contrast-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-linux.png
diff --git a/...test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-tritanopia-linux.png b/...test.ts-snapshots/ActionMenu-Groups-And-Descriptions-light-tritanopia-linux.png
diff --git a/.../ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-colorblind-linux.png b/.../ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-colorblind-linux.png
diff --git a/...ents/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-dimmed-linux.png b/...ents/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-dimmed-linux.png
diff --git a/...tionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-high-contrast-linux.png b/...tionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-high-contrast-linux.png
diff --git a/.../components/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-linux.png b/.../components/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-linux.png
diff --git a/.../ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-tritanopia-linux.png b/.../ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-dark-tritanopia-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-colorblind-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-colorblind-linux.png
diff --git a/...ionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-high-contrast-linux.png b/...ionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-high-contrast-linux.png
diff --git a/...components/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-linux.png b/...components/ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-tritanopia-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Multi-Select-light-tritanopia-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-colorblind-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-colorblind-linux.png
diff --git a/...nts/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-dimmed-linux.png b/...nts/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-dimmed-linux.png
diff --git a/...ionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-high-contrast-linux.png b/...ionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-high-contrast-linux.png
diff --git a/...components/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-linux.png b/...components/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-linux.png
diff --git a/...ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-tritanopia-linux.png b/...ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-dark-tritanopia-linux.png
diff --git a/...ctionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-colorblind-linux.png b/...ctionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-colorblind-linux.png
diff --git a/...onMenu.test.ts-snapshots/ActionMenu-Single-Select-light-high-contrast-linux.png b/...onMenu.test.ts-snapshots/ActionMenu-Single-Select-light-high-contrast-linux.png
diff --git a/...omponents/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-linux.png b/...omponents/ActionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-linux.png
diff --git a/...ctionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-tritanopia-linux.png b/...ctionMenu.test.ts-snapshots/ActionMenu-Single-Select-light-tritanopia-linux.png
diff --git a/...nts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-colorblind-linux.png b/...nts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-colorblind-linux.png
diff --git a/...ponents/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-dimmed-linux.png b/...ponents/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-dimmed-linux.png
diff --git a/.../ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-high-contrast-linux.png b/.../ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-high-contrast-linux.png
diff --git a/...ots/components/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-linux.png b/...ots/components/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-linux.png
diff --git a/...nts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-tritanopia-linux.png b/...nts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-dark-tritanopia-linux.png
diff --git a/...ts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-colorblind-linux.png b/...ts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-colorblind-linux.png
diff --git a/...ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-high-contrast-linux.png b/...ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-high-contrast-linux.png
diff --git a/...ts/components/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-linux.png b/...ts/components/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-linux.png
diff --git a/...ts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-tritanopia-linux.png b/...ts/ButtonGroup.test.ts-snapshots/ButtonGroup-SX-Prop-light-tritanopia-linux.png
diff --git a/...NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-colorblind-linux.png b/...NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-colorblind-linux.png
diff --git a/...ots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-dimmed-linux.png b/...ots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-dimmed-linux.png
diff --git a/...List-With-Bad-Example-of-SubNav-and-TrailingAction-dark-high-contrast-linux.png b/...List-With-Bad-Example-of-SubNav-and-TrailingAction-dark-high-contrast-linux.png
diff --git a/...-snapshots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-linux.png b/...-snapshots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-linux.png
diff --git a/...NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-tritanopia-linux.png b/...NavList-With-Bad-Example-of-SubNav-and-TrailingAction-dark-tritanopia-linux.png
diff --git a/...avList-With-Bad-Example-of-SubNav-and-TrailingAction-light-colorblind-linux.png b/...avList-With-Bad-Example-of-SubNav-and-TrailingAction-light-colorblind-linux.png
diff --git a/...ist-With-Bad-Example-of-SubNav-and-TrailingAction-light-high-contrast-linux.png b/...ist-With-Bad-Example-of-SubNav-and-TrailingAction-light-high-contrast-linux.png
diff --git a/...snapshots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-light-linux.png b/...snapshots/NavList-With-Bad-Example-of-SubNav-and-TrailingAction-light-linux.png
diff --git a/...avList-With-Bad-Example-of-SubNav-and-TrailingAction-light-tritanopia-linux.png b/...avList-With-Bad-Example-of-SubNav-and-TrailingAction-light-tritanopia-linux.png
diff --git a/.../SelectPanel-Above-Tall-Body-dark-colorblind-modern-action-list--true-linux.png b/.../SelectPanel-Above-Tall-Body-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-Above-Tall-Body-dark-dimmed-modern-action-list--true-linux.png b/...hots/SelectPanel-Above-Tall-Body-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...lectPanel-Above-Tall-Body-dark-high-contrast-modern-action-list--true-linux.png b/...lectPanel-Above-Tall-Body-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...s-snapshots/SelectPanel-Above-Tall-Body-dark-modern-action-list--true-linux.png b/...s-snapshots/SelectPanel-Above-Tall-Body-dark-modern-action-list--true-linux.png
diff --git a/.../SelectPanel-Above-Tall-Body-dark-tritanopia-modern-action-list--true-linux.png b/.../SelectPanel-Above-Tall-Body-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...SelectPanel-Above-Tall-Body-light-colorblind-modern-action-list--true-linux.png b/...SelectPanel-Above-Tall-Body-light-colorblind-modern-action-list--true-linux.png
diff --git a/...ectPanel-Above-Tall-Body-light-high-contrast-modern-action-list--true-linux.png b/...ectPanel-Above-Tall-Body-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...-snapshots/SelectPanel-Above-Tall-Body-light-modern-action-list--true-linux.png b/...-snapshots/SelectPanel-Above-Tall-Body-light-modern-action-list--true-linux.png
diff --git a/...SelectPanel-Above-Tall-Body-light-tritanopia-modern-action-list--true-linux.png b/...SelectPanel-Above-Tall-Body-light-tritanopia-modern-action-list--true-linux.png
diff --git a/.../SelectPanel-External-Anchor-dark-colorblind-modern-action-list--true-linux.png b/.../SelectPanel-External-Anchor-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-External-Anchor-dark-dimmed-modern-action-list--true-linux.png b/...hots/SelectPanel-External-Anchor-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...lectPanel-External-Anchor-dark-high-contrast-modern-action-list--true-linux.png b/...lectPanel-External-Anchor-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...s-snapshots/SelectPanel-External-Anchor-dark-modern-action-list--true-linux.png b/...s-snapshots/SelectPanel-External-Anchor-dark-modern-action-list--true-linux.png
diff --git a/.../SelectPanel-External-Anchor-dark-tritanopia-modern-action-list--true-linux.png b/.../SelectPanel-External-Anchor-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...SelectPanel-External-Anchor-light-colorblind-modern-action-list--true-linux.png b/...SelectPanel-External-Anchor-light-colorblind-modern-action-list--true-linux.png
diff --git a/...ectPanel-External-Anchor-light-high-contrast-modern-action-list--true-linux.png b/...ectPanel-External-Anchor-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...-snapshots/SelectPanel-External-Anchor-light-modern-action-list--true-linux.png b/...-snapshots/SelectPanel-External-Anchor-light-modern-action-list--true-linux.png
diff --git a/...SelectPanel-External-Anchor-light-tritanopia-modern-action-list--true-linux.png b/...SelectPanel-External-Anchor-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...itial-with-Overflowing-Items-dark-colorblind-modern-action-list--true-linux.png b/...itial-with-Overflowing-Items-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...t-Initial-with-Overflowing-Items-dark-dimmed-modern-action-list--true-linux.png b/...t-Initial-with-Overflowing-Items-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...al-with-Overflowing-Items-dark-high-contrast-modern-action-list--true-linux.png b/...al-with-Overflowing-Items-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...l-Height-Initial-with-Overflowing-Items-dark-modern-action-list--true-linux.png b/...l-Height-Initial-with-Overflowing-Items-dark-modern-action-list--true-linux.png
diff --git a/...itial-with-Overflowing-Items-dark-tritanopia-modern-action-list--true-linux.png b/...itial-with-Overflowing-Items-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...tial-with-Overflowing-Items-light-colorblind-modern-action-list--true-linux.png b/...tial-with-Overflowing-Items-light-colorblind-modern-action-list--true-linux.png
diff --git a/...l-with-Overflowing-Items-light-high-contrast-modern-action-list--true-linux.png b/...l-with-Overflowing-Items-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...-Height-Initial-with-Overflowing-Items-light-modern-action-list--true-linux.png b/...-Height-Initial-with-Overflowing-Items-light-modern-action-list--true-linux.png
diff --git a/...tial-with-Overflowing-Items-light-tritanopia-modern-action-list--true-linux.png b/...tial-with-Overflowing-Items-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...tial-with-Underflowing-Items-dark-colorblind-modern-action-list--true-linux.png b/...tial-with-Underflowing-Items-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...-Initial-with-Underflowing-Items-dark-dimmed-modern-action-list--true-linux.png b/...-Initial-with-Underflowing-Items-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...l-with-Underflowing-Items-dark-high-contrast-modern-action-list--true-linux.png b/...l-with-Underflowing-Items-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...-Height-Initial-with-Underflowing-Items-dark-modern-action-list--true-linux.png b/...-Height-Initial-with-Underflowing-Items-dark-modern-action-list--true-linux.png
diff --git a/...tial-with-Underflowing-Items-dark-tritanopia-modern-action-list--true-linux.png b/...tial-with-Underflowing-Items-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...ial-with-Underflowing-Items-light-colorblind-modern-action-list--true-linux.png b/...ial-with-Underflowing-Items-light-colorblind-modern-action-list--true-linux.png
diff --git a/...-with-Underflowing-Items-light-high-contrast-modern-action-list--true-linux.png b/...-with-Underflowing-Items-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...Height-Initial-with-Underflowing-Items-light-modern-action-list--true-linux.png b/...Height-Initial-with-Underflowing-Items-light-modern-action-list--true-linux.png
diff --git a/...ial-with-Underflowing-Items-light-tritanopia-modern-action-list--true-linux.png b/...ial-with-Underflowing-Items-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...eight-Variantions-and-Scroll-dark-colorblind-modern-action-list--true-linux.png b/...eight-Variantions-and-Scroll-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...el-Height-Variantions-and-Scroll-dark-dimmed-modern-action-list--true-linux.png b/...el-Height-Variantions-and-Scroll-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...ht-Variantions-and-Scroll-dark-high-contrast-modern-action-list--true-linux.png b/...ht-Variantions-and-Scroll-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...lectPanel-Height-Variantions-and-Scroll-dark-modern-action-list--true-linux.png b/...lectPanel-Height-Variantions-and-Scroll-dark-modern-action-list--true-linux.png
diff --git a/...eight-Variantions-and-Scroll-dark-tritanopia-modern-action-list--true-linux.png b/...eight-Variantions-and-Scroll-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...ight-Variantions-and-Scroll-light-colorblind-modern-action-list--true-linux.png b/...ight-Variantions-and-Scroll-light-colorblind-modern-action-list--true-linux.png
diff --git a/...t-Variantions-and-Scroll-light-high-contrast-modern-action-list--true-linux.png b/...t-Variantions-and-Scroll-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...ectPanel-Height-Variantions-and-Scroll-light-modern-action-list--true-linux.png b/...ectPanel-Height-Variantions-and-Scroll-light-modern-action-list--true-linux.png
diff --git a/...ight-Variantions-and-Scroll-light-tritanopia-modern-action-list--true-linux.png b/...ight-Variantions-and-Scroll-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...ts/SelectPanel-Single-Select-dark-colorblind-modern-action-list--true-linux.png b/...ts/SelectPanel-Single-Select-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...pshots/SelectPanel-Single-Select-dark-dimmed-modern-action-list--true-linux.png b/...pshots/SelectPanel-Single-Select-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...SelectPanel-Single-Select-dark-high-contrast-modern-action-list--true-linux.png b/...SelectPanel-Single-Select-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/....ts-snapshots/SelectPanel-Single-Select-dark-modern-action-list--true-linux.png b/....ts-snapshots/SelectPanel-Single-Select-dark-modern-action-list--true-linux.png
diff --git a/...ts/SelectPanel-Single-Select-dark-tritanopia-modern-action-list--true-linux.png b/...ts/SelectPanel-Single-Select-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...s/SelectPanel-Single-Select-light-colorblind-modern-action-list--true-linux.png b/...s/SelectPanel-Single-Select-light-colorblind-modern-action-list--true-linux.png
diff --git a/...electPanel-Single-Select-light-high-contrast-modern-action-list--true-linux.png b/...electPanel-Single-Select-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...ts-snapshots/SelectPanel-Single-Select-light-modern-action-list--true-linux.png b/...ts-snapshots/SelectPanel-Single-Select-light-modern-action-list--true-linux.png
diff --git a/...s/SelectPanel-Single-Select-light-tritanopia-modern-action-list--true-linux.png b/...s/SelectPanel-Single-Select-light-tritanopia-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-With-Footer-dark-colorblind-modern-action-list--true-linux.png b/...hots/SelectPanel-With-Footer-dark-colorblind-modern-action-list--true-linux.png
diff --git a/...napshots/SelectPanel-With-Footer-dark-dimmed-modern-action-list--true-linux.png b/...napshots/SelectPanel-With-Footer-dark-dimmed-modern-action-list--true-linux.png
diff --git a/...s/SelectPanel-With-Footer-dark-high-contrast-modern-action-list--true-linux.png b/...s/SelectPanel-With-Footer-dark-high-contrast-modern-action-list--true-linux.png
diff --git a/...st.ts-snapshots/SelectPanel-With-Footer-dark-modern-action-list--true-linux.png b/...st.ts-snapshots/SelectPanel-With-Footer-dark-modern-action-list--true-linux.png
diff --git a/...hots/SelectPanel-With-Footer-dark-tritanopia-modern-action-list--true-linux.png b/...hots/SelectPanel-With-Footer-dark-tritanopia-modern-action-list--true-linux.png
diff --git a/...ots/SelectPanel-With-Footer-light-colorblind-modern-action-list--true-linux.png b/...ots/SelectPanel-With-Footer-light-colorblind-modern-action-list--true-linux.png
diff --git a/.../SelectPanel-With-Footer-light-high-contrast-modern-action-list--true-linux.png b/.../SelectPanel-With-Footer-light-high-contrast-modern-action-list--true-linux.png
diff --git a/...t.ts-snapshots/SelectPanel-With-Footer-light-modern-action-list--true-linux.png b/...t.ts-snapshots/SelectPanel-With-Footer-light-modern-action-list--true-linux.png
diff --git a/...ots/SelectPanel-With-Footer-light-tritanopia-modern-action-list--true-linux.png b/...ots/SelectPanel-With-Footer-light-tritanopia-modern-action-list--true-linux.png
diff --git a/e2e/components/ActionList.test.ts b/e2e/components/ActionList.test.ts
@@ -657,24 +657,24 @@ test.describe('ActionList', () => {
     }
   })
 
-  test.describe('With Trailing Action', () => {
+  test.describe('Full Variant', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-features--with-trailing-action',
+            id: 'components-actionlist-features--full-variant',
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`ActionList.With Trailing Action.${theme}.png`)
+          expect(await page.screenshot()).toMatchSnapshot(`ActionList.Full Variant.${theme}.png`)
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-features--with-trailing-action',
+            id: 'components-actionlist-features--full-variant',
             globals: {
               colorScheme: theme,
             },
@@ -685,24 +685,24 @@ test.describe('ActionList', () => {
     }
   })
 
-  test.describe('Full Variant', () => {
+  test.describe('Group Heading with Classname', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-features--full-variant',
+            id: 'components-actionlist-dev--group-heading-custom-classname',
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`ActionList.Full Variant.${theme}.png`)
+          expect(await page.screenshot()).toMatchSnapshot(`Group Heading with Classname.${theme}.png`)
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-features--full-variant',
+            id: 'components-actionlist-dev--group-heading-custom-classname',
             globals: {
               colorScheme: theme,
             },
@@ -713,24 +713,24 @@ test.describe('ActionList', () => {
     }
   })
 
-  test.describe('Group Heading with Classname', () => {
+  test.describe('Heading with Classname', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-dev--group-heading-custom-classname',
+            id: 'components-actionlist-dev--heading-custom-classname',
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Group Heading with Classname.${theme}.png`)
+          expect(await page.screenshot()).toMatchSnapshot(`Heading with Classname.${theme}.png`)
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-actionlist-dev--group-heading-custom-classname',
+            id: 'components-actionlist-dev--heading-custom-classname',
             globals: {
               colorScheme: theme,
             },