Revert "Pre-ActionList CSS Modules bug fixes (#5358)"

This reverts commit b08f770.
primer · Dec 5, 2024 · a0ebbde · a0ebbde
1 parent b08f770
commit a0ebbde
Show file tree

Hide file tree

Showing 161 changed files with 177 additions and 209 deletions.
diff --git a/.changeset/healthy-foxes-hunt.md b/.changeset/healthy-foxes-hunt.md
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,6 +657,34 @@ 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,4 +30,34 @@ 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,6 +29,7 @@ import {
   GitPullRequestIcon,
   IssueOpenedIcon,
   ProjectIcon,
+  LinkExternalIcon,
 } from '@primer/octicons-react'
 import {FeatureFlags} from '../FeatureFlags'
 
@@ -280,7 +281,6 @@ 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,7 +409,6 @@ 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>
@@ -479,41 +478,43 @@ export const LoadingItem = () => {
 }
 
 export const Links = () => (
-  <ActionList>
+  <>
     <ActionList.Heading as="h1" sx={{fontSize: 1}}>
       Details
     </ActionList.Heading>
-    <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>
+      <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 = () => (
@@ -795,64 +796,85 @@ export const WithCustomTrailingVisuals = () => (
   </ActionList>
 )
 
-// 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 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>
+  )
+}
 
 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,7 +220,6 @@ LinkItemPlayground.args = {
   active: false,
   disabled: false,
   id: 'item-1',
-  variant: 'default',
   inactiveText: '',
   leadingVisual: null,
   loading: false,
@@ -232,10 +231,6 @@ 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,8 +22,6 @@ 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,9 +197,6 @@ 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")
@@ -396,7 +393,6 @@ 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,7 +24,6 @@ export const LeadingVisualContainer: React.FC<React.PropsWithChildren<VisualProp
           alignItems: 'center',
           flexShrink: 0,
           marginRight: 2,
-          color: 'fg.muted',
         },
         sx as SxProp,
       )}
@@ -70,8 +69,6 @@ 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,7 +158,11 @@ export const InactiveItems = () => (
             <GearIcon />
           </ActionList.LeadingVisual>
         </ActionList.LinkItem>
-        <ActionList.Item onSelect={() => alert('Make a copy clicked')} inactiveText="Unavailable due to an outage">
+        <ActionList.Item
+          variant="danger"
+          onSelect={() => alert('Make a copy clicked')}
+          inactiveText="Unavailable due to an outage"
+        >
           Make a copy
           <ActionList.LeadingVisual>
             <CopyIcon />