Pre-ActionList CSS Modules bug fixes (#5358)

* stories * bug fixes * lint * snippy snaps * revert divider change for now * Create healthy-foxes-hunt.md * test(vrt): update snapshots * revert role change --------- Co-authored-by: langermank <langermank@users.noreply.github.com>
primer · Dec 5, 2024 · b08f770 · b08f770
1 parent dc2f083
commit b08f770
Show file tree

Hide file tree

Showing 161 changed files with 209 additions and 177 deletions.
diff --git a/.changeset/healthy-foxes-hunt.md b/.changeset/healthy-foxes-hunt.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+ActionList UI bug fixes
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/....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/...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,34 +657,6 @@ test.describe('ActionList', () => {
     }
   })
 
-  test.describe('With Trailing Action', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-actionlist-features--with-trailing-action',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`ActionList.With Trailing Action.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-actionlist-features--with-trailing-action',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations()
-        })
-      })
-    }
-  })
-
   test.describe('Full Variant', () => {
     for (const theme of themes) {
       test.describe(theme, () => {

diff --git a/e2e/components/NavList.test.ts b/e2e/components/NavList.test.ts
@@ -30,34 +30,4 @@ test.describe('NavList', () => {
       })
     }
   })
-
-  test.describe('With Bad Example of SubNav and TrailingAction', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-navlist-devonly--with-bad-example-of-sub-nav-and-trailing-action',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(
-            `NavList.With Bad Example of SubNav and TrailingAction.${theme}.png`,
-          )
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-navlist-devonly--with-bad-example-of-sub-nav-and-trailing-action',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations()
-        })
-      })
-    }
-  })
 })
diff --git a/packages/react/src/ActionList/ActionList.features.stories.tsx b/packages/react/src/ActionList/ActionList.features.stories.tsx
@@ -29,7 +29,6 @@ import {
   GitPullRequestIcon,
   IssueOpenedIcon,
   ProjectIcon,
-  LinkExternalIcon,
 } from '@primer/octicons-react'
 import {FeatureFlags} from '../FeatureFlags'
 
@@ -281,6 +280,7 @@ export const InactiveSingleSelect = () => {
   const [selectedIndex, setSelectedIndex] = React.useState(1)
   return (
     <ActionList selectionVariant="single" showDividers role="menu" aria-label="Project">
+      {/* menuitem because state is inactive */}
       <ActionList.Item role="menuitem" selected={false} inactiveText="Unavailable due to an outage">
         Inactive item
       </ActionList.Item>
@@ -409,6 +409,7 @@ export const InactiveMultiselect = () => {
   }
   return (
     <ActionList selectionVariant="multiple" role="menu" aria-label="Project">
+      {/* menuitem because state is inactive */}
       <ActionList.Item role="menuitem" selected={false} inactiveText="Unavailable due to an outage">
         Inactive item
       </ActionList.Item>
@@ -478,43 +479,41 @@ export const LoadingItem = () => {
 }
 
 export const Links = () => (
-  <>
+  <ActionList>
     <ActionList.Heading as="h1" sx={{fontSize: 1}}>
       Details
     </ActionList.Heading>
-    <ActionList>
-      <ActionList.LinkItem href="https://github.com/primer/react#readme">
-        <ActionList.LeadingVisual>
-          <BookIcon />
-        </ActionList.LeadingVisual>
-        Readme
-      </ActionList.LinkItem>
-      <ActionList.LinkItem href="https://github.com/primer/react/blob/main/LICENSE">
-        <ActionList.LeadingVisual>
-          <LawIcon />
-        </ActionList.LeadingVisual>
-        MIT License
-      </ActionList.LinkItem>
-      <ActionList.LinkItem href="https://github.com/primer/react/stargazers">
-        <ActionList.LeadingVisual>
-          <StarIcon />
-        </ActionList.LeadingVisual>
-        <strong>1.5k</strong> stars
-      </ActionList.LinkItem>
-      <ActionList.LinkItem href="https://github.com/primer/react/watchers">
-        <ActionList.LeadingVisual>
-          <EyeIcon />
-        </ActionList.LeadingVisual>
-        <strong>21</strong> watching
-      </ActionList.LinkItem>
-      <ActionList.LinkItem href="https://github.com/primer/react/network/members">
-        <ActionList.LeadingVisual>
-          <RepoForkedIcon />
-        </ActionList.LeadingVisual>
-        <strong>225</strong> forks
-      </ActionList.LinkItem>
-    </ActionList>
-  </>
+    <ActionList.LinkItem href="https://github.com/primer/react#readme">
+      <ActionList.LeadingVisual>
+        <BookIcon />
+      </ActionList.LeadingVisual>
+      Readme
+    </ActionList.LinkItem>
+    <ActionList.LinkItem href="https://github.com/primer/react/blob/main/LICENSE">
+      <ActionList.LeadingVisual>
+        <LawIcon />
+      </ActionList.LeadingVisual>
+      MIT License
+    </ActionList.LinkItem>
+    <ActionList.LinkItem href="https://github.com/primer/react/stargazers">
+      <ActionList.LeadingVisual>
+        <StarIcon />
+      </ActionList.LeadingVisual>
+      <strong>1.5k</strong> stars
+    </ActionList.LinkItem>
+    <ActionList.LinkItem href="https://github.com/primer/react/watchers">
+      <ActionList.LeadingVisual>
+        <EyeIcon />
+      </ActionList.LeadingVisual>
+      <strong>21</strong> watching
+    </ActionList.LinkItem>
+    <ActionList.LinkItem href="https://github.com/primer/react/network/members">
+      <ActionList.LeadingVisual>
+        <RepoForkedIcon />
+      </ActionList.LeadingVisual>
+      <strong>225</strong> forks
+    </ActionList.LinkItem>
+  </ActionList>
 )
 
 export const CustomItemChildren = () => (
@@ -796,85 +795,64 @@ export const WithCustomTrailingVisuals = () => (
   </ActionList>
 )
 
-export const ActionListWithButtonSemantics = () => {
-  return (
-    <FeatureFlags flags={{primer_react_action_list_item_as_button: true}}>
-      <ActionList>
-        <ActionList.Item>Copy link</ActionList.Item>
-        <ActionList.Item inactiveText="Nothing to quote">Quote reply</ActionList.Item>
-        <ActionList.Item disabled>Edit comment</ActionList.Item>
-        <ActionList.Divider />
-        <ActionList.Item variant="danger">Delete file</ActionList.Item>
-        <ActionList.LinkItem href="https://github.com/primer/react#readme">
-          Support
-          <ActionList.TrailingVisual>
-            <LinkExternalIcon />
-          </ActionList.TrailingVisual>
-        </ActionList.LinkItem>
-      </ActionList>
-    </FeatureFlags>
-  )
-}
-
-ActionListWithButtonSemantics.storyName = 'With Button Semantics (Behind feature flag)'
-
-export const WithTrailingAction = () => {
-  return (
-    <FeatureFlags flags={{primer_react_action_list_item_as_button: true}}>
-      <ActionList>
-        <ActionList.Item>
-          <ActionList.LeadingVisual>
-            <FileDirectoryIcon />
-          </ActionList.LeadingVisual>
-          Item 1 (with default TrailingAction)
-          <ActionList.TrailingAction label="Expand sidebar" icon={ArrowLeftIcon} />
-        </ActionList.Item>
-        <ActionList.Item>
-          Item 2 (with link TrailingAction)
-          <ActionList.TrailingAction as="a" href="#" label="Some action 1" icon={ArrowRightIcon} />
-        </ActionList.Item>
-        <ActionList.Item>
-          Item 3<ActionList.Description>This is an inline description.</ActionList.Description>
-          <ActionList.TrailingAction label="Some action 2" icon={BookIcon} />
-        </ActionList.Item>
-        <ActionList.Item>
-          Item 4<ActionList.Description variant="block">This is a block description.</ActionList.Description>
-          <ActionList.TrailingAction label="Some action 3" icon={BookIcon} />
-        </ActionList.Item>
-        <ActionList.Item>
-          Item 5<ActionList.Description variant="block">This is a block description.</ActionList.Description>
-          <ActionList.TrailingAction label="Some action 4" />
-        </ActionList.Item>
-        <ActionList.Item>
-          Item 6
-          <ActionList.TrailingAction href="#" as="a" label="Some action 5" />
-        </ActionList.Item>
-        <ActionList.LinkItem href="#">
-          LinkItem 1
-          <ActionList.Description>
-            with TrailingAction this is a long description and should not cause horizontal scroll on smaller screen
-            sizes
-          </ActionList.Description>
-          <ActionList.TrailingAction label="Another action" />
-        </ActionList.LinkItem>
-        <ActionList.LinkItem href="#">
-          LinkItem 2
-          <ActionList.Description>
-            with TrailingVisual this is a long description and should not cause horizontal scroll on smaller screen
-            sizes
-          </ActionList.Description>
-          <ActionList.TrailingVisual>
-            <TableIcon />
-          </ActionList.TrailingVisual>
-        </ActionList.LinkItem>
-        <ActionList.Item inactiveText="Unavailable due to an outage">
-          Inactive Item<ActionList.Description>With TrailingAction</ActionList.Description>
-          <ActionList.TrailingAction as="a" href="#" label="Some action 8" icon={ArrowRightIcon} />
-        </ActionList.Item>
-      </ActionList>
-    </FeatureFlags>
-  )
-}
+// removing this until CSS Modules FF ships, currently broken in production if button semantic FF is false
+// export const WithTrailingAction = () => {
+//   return (
+//     <FeatureFlags flags={{primer_react_action_list_item_as_button: true}}>
+//       <ActionList>
+//         <ActionList.Item>
+//           <ActionList.LeadingVisual>
+//             <FileDirectoryIcon />
+//           </ActionList.LeadingVisual>
+//           Item 1 (with default TrailingAction)
+//           <ActionList.TrailingAction label="Expand sidebar" icon={ArrowLeftIcon} />
+//         </ActionList.Item>
+//         <ActionList.Item>
+//           Item 2 (with link TrailingAction)
+//           <ActionList.TrailingAction as="a" href="#" label="Some action 1" icon={ArrowRightIcon} />
+//         </ActionList.Item>
+//         <ActionList.Item>
+//           Item 3<ActionList.Description>This is an inline description.</ActionList.Description>
+//           <ActionList.TrailingAction label="Some action 2" icon={BookIcon} />
+//         </ActionList.Item>
+//         <ActionList.Item>
+//           Item 4<ActionList.Description variant="block">This is a block description.</ActionList.Description>
+//           <ActionList.TrailingAction label="Some action 3" icon={BookIcon} />
+//         </ActionList.Item>
+//         <ActionList.Item>
+//           Item 5<ActionList.Description variant="block">This is a block description.</ActionList.Description>
+//           <ActionList.TrailingAction label="Some action 4" />
+//         </ActionList.Item>
+//         <ActionList.Item>
+//           Item 6
+//           <ActionList.TrailingAction href="#" as="a" label="Some action 5" />
+//         </ActionList.Item>
+//         <ActionList.LinkItem href="#">
+//           LinkItem 1
+//           <ActionList.Description>
+//             with TrailingAction this is a long description and should not cause horizontal scroll on smaller screen
+//             sizes
+//           </ActionList.Description>
+//           <ActionList.TrailingAction label="Another action" />
+//         </ActionList.LinkItem>
+//         <ActionList.LinkItem href="#">
+//           LinkItem 2
+//           <ActionList.Description>
+//             with TrailingVisual this is a long description and should not cause horizontal scroll on smaller screen
+//             sizes
+//           </ActionList.Description>
+//           <ActionList.TrailingVisual>
+//             <TableIcon />
+//           </ActionList.TrailingVisual>
+//         </ActionList.LinkItem>
+//         <ActionList.Item inactiveText="Unavailable due to an outage">
+//           Inactive Item<ActionList.Description>With TrailingAction</ActionList.Description>
+//           <ActionList.TrailingAction as="a" href="#" label="Some action 8" icon={ArrowRightIcon} />
+//         </ActionList.Item>
+//       </ActionList>
+//     </FeatureFlags>
+//   )
+// }
 
 export const FullVariant = () => (
   <ActionList variant="full">

diff --git a/packages/react/src/ActionList/ActionList.stories.tsx b/packages/react/src/ActionList/ActionList.stories.tsx
@@ -220,6 +220,7 @@ LinkItemPlayground.args = {
   active: false,
   disabled: false,
   id: 'item-1',
+  variant: 'default',
   inactiveText: '',
   leadingVisual: null,
   loading: false,
@@ -231,6 +232,10 @@ LinkItemPlayground.argTypes = {
       type: 'boolean',
     },
   },
+  variant: {
+    control: 'radio',
+    options: ['default', 'danger'],
+  },
   role: {
     type: 'string',
   },

diff --git a/packages/react/src/ActionList/Divider.tsx b/packages/react/src/ActionList/Divider.tsx
@@ -22,6 +22,8 @@ export const Divider: React.FC<React.PropsWithChildren<ActionListDividerProps>>
           marginTop: (theme: Theme) => `calc(${get('space.2')(theme)} - 1px)`,
           marginBottom: 2,
           listStyle: 'none', // hide the ::marker inserted by browser's stylesheet
+          marginRight: 'calc(-1 * var(--base-size-8, 8px))',
+          marginLeft: 'calc(-1 * var(--base-size-8, 8px))',
         },
         sx as SxProp,
       )}

diff --git a/packages/react/src/ActionList/Item.tsx b/packages/react/src/ActionList/Item.tsx
@@ -197,6 +197,9 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
           bg: selected ? 'fg.muted' : 'var(--control-bgColor-disabled, rgba(175, 184, 193, 0.2))',
           borderColor: selected ? 'fg.muted' : 'var(--color-input-disabled-bg, rgba(175, 184, 193, 0.2))',
         },
+        '[data-component="ActionList.Selection"]': {
+          color: 'primer.fg.disabled',
+        },
       },
 
       // Button reset styles (to support as="button")
@@ -393,6 +396,7 @@ export const Item = React.forwardRef<HTMLLIElement, ActionListItemProps>(
                       fontWeight: slots.inlineDescription || slots.blockDescription || active ? 'bold' : 'normal',
                       marginBlockEnd: slots.blockDescription ? '4px' : undefined,
                       wordBreak: slots.inlineDescription ? 'normal' : 'break-word',
+                      lineHeight: '20px',
                     }}
                   >
                     {childrenWithoutSlots}

diff --git a/packages/react/src/ActionList/Visuals.tsx b/packages/react/src/ActionList/Visuals.tsx
@@ -24,6 +24,7 @@ export const LeadingVisualContainer: React.FC<React.PropsWithChildren<VisualProp
           alignItems: 'center',
           flexShrink: 0,
           marginRight: 2,
+          color: 'fg.muted',
         },
         sx as SxProp,
       )}
@@ -69,6 +70,8 @@ export const TrailingVisual: React.FC<React.PropsWithChildren<VisualProps>> = ({
           color: getVariantStyles(variant, disabled, inactive).annotationColor,
           marginLeft: 2,
           fontWeight: 'initial',
+          display: 'grid',
+          alignContent: 'center',
           '[data-variant="danger"]:hover &, [data-variant="danger"]:active &': {
             color: getVariantStyles(variant, disabled, inactive).hoverColor,
           },

diff --git a/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx b/packages/react/src/ActionMenu/ActionMenu.features.stories.tsx
@@ -158,11 +158,7 @@ export const InactiveItems = () => (
             <GearIcon />
           </ActionList.LeadingVisual>
         </ActionList.LinkItem>
-        <ActionList.Item
-          variant="danger"
-          onSelect={() => alert('Make a copy clicked')}
-          inactiveText="Unavailable due to an outage"
-        >
+        <ActionList.Item onSelect={() => alert('Make a copy clicked')} inactiveText="Unavailable due to an outage">
           Make a copy
           <ActionList.LeadingVisual>
             <CopyIcon />