adobe · castastrophe · Oct 17, 2025 · Oct 17, 2025
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -104,6 +104,7 @@
     "big-beds-care",
     "big-glasses-check",
     "big-jars-pump",
+    "brave-bikes-teach",
     "breezy-impalas-push",
     "calm-hats-sleep",
     "chatty-lands-attack",

diff --git a/.storybook/CHANGELOG.md b/.storybook/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Change Log
 
+## 12.1.0-next.21
+
+### Patch Changes
+
+Updated dependencies []:
+
+- @spectrum-css/[email protected]
+
 ## 12.1.0-next.20
 
 ### Patch Changes

diff --git a/.storybook/package.json b/.storybook/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/preview",
-	"version": "12.1.0-next.20",
+	"version": "12.1.0-next.21",
 	"description": "A Spectrum CSS preview",
 	"license": "Apache-2.0",
 	"author": "Adobe",
@@ -40,7 +40,7 @@
 	},
 	"dependencies": {
 		"@adobe/spectrum-css-workflow-icons": "5.0.0",
-		"@spectrum-css/bundle": "2.0.0-next.16",
+		"@spectrum-css/bundle": "2.0.0-next.17",
 		"@spectrum-css/tokens": "16.1.0-next.10",
 		"@spectrum-css/ui-icons": "2.0.0-next.2"
 	},

diff --git a/components/actionbar/package.json b/components/actionbar/package.json
@@ -48,7 +48,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actiongroup": "7.0.0-next.2",
+		"@spectrum-css/actiongroup": "7.0.0-next.3",
 		"@spectrum-css/closebutton": "7.0.0-next.1",
 		"@spectrum-css/fieldlabel": "11.0.0-next.2",
 		"@spectrum-css/popover": "9.0.0-next.5",

diff --git a/components/actionbutton/CHANGELOG.md b/components/actionbutton/CHANGELOG.md
@@ -1,5 +1,66 @@
 # Change log
 
+## 8.0.0-next.4
+
+### Minor Changes
+
+📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+### Action menu component (now with custom styles!)
+
+Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
+
+- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
+- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
+- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
+
+#### Migration notes
+
+- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
+- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
+
+Example markup:
+
+```html
+<div class="spectrum-ActionMenu">
+	<button
+		class="spectrum-ActionMenu-trigger spectrum-ActionButton"
+		aria-haspopup="menu"
+		aria-expanded="false"
+	>
+		<!-- icon/label -->
+	</button>
+	<div class="spectrum-ActionMenu-popover spectrum-Popover">
+		<ul class="spectrum-ActionMenu-menu spectrum-Menu">
+			<!-- menu items -->
+		</ul>
+	</div>
+	<!-- popover positioning/visibility is owned by your implementation -->
+	<!-- use long-press behavior when appropriate to your UX -->
+	<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
+</div>
+```
+
+### Menu refinements
+
+Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
+
+- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
+- Non-breaking; no class or DOM changes required.
+
+### Action button refinements
+
+- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
+- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
+- Non-breaking; no class changes required.
+
+### Action group refinements
+
+Aligns selection behavior of grouped items with action button updates.
+
+- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
+- Non-breaking; no class changes required.
+
 ## 8.0.0-next.3
 
 ### Major Changes

diff --git a/components/actionbutton/package.json b/components/actionbutton/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/actionbutton",
-	"version": "8.0.0-next.3",
+	"version": "8.0.0-next.4",
 	"description": "The Spectrum CSS action button component",
 	"license": "Apache-2.0",
 	"author": "Adobe",

diff --git a/components/actiongroup/CHANGELOG.md b/components/actiongroup/CHANGELOG.md
@@ -1,5 +1,66 @@
 # Change log
 
+## 7.0.0-next.3
+
+### Patch Changes
+
+📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+### Action menu component (now with custom styles!)
+
+Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
+
+- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
+- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
+- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
+
+#### Migration notes
+
+- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
+- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
+
+Example markup:
+
+```html
+<div class="spectrum-ActionMenu">
+	<button
+		class="spectrum-ActionMenu-trigger spectrum-ActionButton"
+		aria-haspopup="menu"
+		aria-expanded="false"
+	>
+		<!-- icon/label -->
+	</button>
+	<div class="spectrum-ActionMenu-popover spectrum-Popover">
+		<ul class="spectrum-ActionMenu-menu spectrum-Menu">
+			<!-- menu items -->
+		</ul>
+	</div>
+	<!-- popover positioning/visibility is owned by your implementation -->
+	<!-- use long-press behavior when appropriate to your UX -->
+	<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
+</div>
+```
+
+### Menu refinements
+
+Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
+
+- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
+- Non-breaking; no class or DOM changes required.
+
+### Action button refinements
+
+- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
+- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
+- Non-breaking; no class changes required.
+
+### Action group refinements
+
+Aligns selection behavior of grouped items with action button updates.
+
+- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
+- Non-breaking; no class changes required.
+
 ## 7.0.0-next.2
 
 ### Major Changes

diff --git a/components/actiongroup/package.json b/components/actiongroup/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/actiongroup",
-	"version": "7.0.0-next.2",
+	"version": "7.0.0-next.3",
 	"description": "The Spectrum CSS actiongroup component",
 	"license": "Apache-2.0",
 	"author": "Adobe",
@@ -36,7 +36,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/tokens": "16.1.0-next.10"
 	},
 	"keywords": [

diff --git a/components/actionmenu/CHANGELOG.md b/components/actionmenu/CHANGELOG.md
@@ -1,5 +1,66 @@
 # Change log
 
+## 8.0.0-next.2
+
+### Major Changes
+
+📝 [#4085](https://github.com/adobe/spectrum-css/pull/4085) [`082862e`](https://github.com/adobe/spectrum-css/commit/082862eb80c6e0ac1c801b1d538e4d2f2bb919b4) Thanks [@castastrophe](https://github.com/castastrophe)!
+
+### Action menu component (now with custom styles!)
+
+Introduces `@spectrum-css/actionmenu`, a composition of `ActionButton`, `Popover`, and `Menu` to present action lists from a trigger. Now with custom styles!
+
+- Adds wrapper classes: `spectrum-ActionMenu`, `spectrum-ActionMenu-trigger`, `spectrum-ActionMenu-popover`, and `spectrum-ActionMenu-menu`.
+- Supports long press triggers and four placements (start/end, top/bottom) via the underlying popover API.
+- Design reference: [Figma S2 token specs](https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11).
+
+#### Migration notes
+
+- If you previously composed an action menu manually (action button + popover + menu), you can adopt the new wrapper classes without changing the underlying markup semantics. Ensure the trigger has `aria-haspopup="menu"` and manages `aria-expanded` according to your application logic.
+- For spacing customizations previously done with ad‑hoc margins, switch to the new `--spectrum-actionmenu-button-to-menu-gap` custom property.
+
+Example markup:
+
+```html
+<div class="spectrum-ActionMenu">
+	<button
+		class="spectrum-ActionMenu-trigger spectrum-ActionButton"
+		aria-haspopup="menu"
+		aria-expanded="false"
+	>
+		<!-- icon/label -->
+	</button>
+	<div class="spectrum-ActionMenu-popover spectrum-Popover">
+		<ul class="spectrum-ActionMenu-menu spectrum-Menu">
+			<!-- menu items -->
+		</ul>
+	</div>
+	<!-- popover positioning/visibility is owned by your implementation -->
+	<!-- use long-press behavior when appropriate to your UX -->
+	<!-- use Popover placement options: bottom-start, bottom-end, start-top, end-top -->
+</div>
+```
+
+### Menu refinements
+
+Updates `@spectrum-css/menu` styles to align with latest Spectrum 2 design specifications and improve accessibility.
+
+- Updated `.is-selectableMultiple .spectrum-Menu-itemCheckbox` to `.is-selectableMultiple:not(:has(.is-selectable)) .spectrum-Menu-itemCheckbox` to prevent clash with the `.is-selectable` placement.
+- Non-breaking; no class or DOM changes required.
+
+### Action button refinements
+
+- Selection styling now applies when components use ARIA pressed/expanded semantics, not just `.is-selected`.
+- Implemented with `:where()` to keep selector specificity low and prevent downstream specificity battles.
+- Non-breaking; no class changes required.
+
+### Action group refinements
+
+Aligns selection behavior of grouped items with action button updates.
+
+- Adds `:where([aria-pressed="true"], [aria-expanded="true"])` alongside `.is-selected` on items to cover more accessibility use-cases while keeping specificity low.
+- Non-breaking; no class changes required.
+
 ## 8.0.0-next.1
 
 ### Patch Changes

diff --git a/components/actionmenu/package.json b/components/actionmenu/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@spectrum-css/actionmenu",
-	"version": "8.0.0-next.1",
+	"version": "8.0.0-next.2",
 	"description": "The Spectrum CSS actionmenu component",
 	"license": "Apache-2.0",
 	"author": "Adobe",
@@ -48,9 +48,9 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/icon": "10.0.0-next.3",
-		"@spectrum-css/menu": "10.0.0-next.5",
+		"@spectrum-css/menu": "10.0.0-next.6",
 		"@spectrum-css/popover": "9.0.0-next.5",
 		"@spectrum-css/tokens": "16.1.0-next.10"
 	},

diff --git a/components/breadcrumb/package.json b/components/breadcrumb/package.json
@@ -40,7 +40,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/icon": "10.0.0-next.3",
 		"@spectrum-css/tokens": "16.1.0-next.10"
 	},

diff --git a/components/calendar/package.json b/components/calendar/package.json
@@ -36,7 +36,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/tokens": "16.1.0-next.10"
 	},
 	"keywords": [

diff --git a/components/card/package.json b/components/card/package.json
@@ -56,7 +56,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/asset": "8.0.0-next.0",
 		"@spectrum-css/checkbox": "11.0.0-next.2",
 		"@spectrum-css/icon": "10.0.0-next.3",

diff --git a/components/coachmark/package.json b/components/coachmark/package.json
@@ -56,11 +56,11 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
-		"@spectrum-css/actionmenu": "8.0.0-next.1",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
+		"@spectrum-css/actionmenu": "8.0.0-next.2",
 		"@spectrum-css/button": "15.0.0-next.2",
 		"@spectrum-css/buttongroup": "10.0.0-next.1",
-		"@spectrum-css/menu": "10.0.0-next.5",
+		"@spectrum-css/menu": "10.0.0-next.6",
 		"@spectrum-css/popover": "9.0.0-next.5",
 		"@spectrum-css/tokens": "16.1.0-next.10"
 	},

diff --git a/components/combobox/package.json b/components/combobox/package.json
@@ -52,7 +52,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/menu": "10.0.0-next.5",
+		"@spectrum-css/menu": "10.0.0-next.6",
 		"@spectrum-css/pickerbutton": "7.0.0-next.2",
 		"@spectrum-css/popover": "9.0.0-next.5",
 		"@spectrum-css/progresscircle": "6.0.0-next.0",

diff --git a/components/contextualhelp/package.json b/components/contextualhelp/package.json
@@ -44,7 +44,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/link": "8.0.0-next.2",
 		"@spectrum-css/popover": "9.0.0-next.5",
 		"@spectrum-css/tokens": "16.1.0-next.10"

diff --git a/components/dropzone/package.json b/components/dropzone/package.json
@@ -44,7 +44,7 @@
 		}
 	},
 	"devDependencies": {
-		"@spectrum-css/actionbutton": "8.0.0-next.3",
+		"@spectrum-css/actionbutton": "8.0.0-next.4",
 		"@spectrum-css/illustratedmessage": "10.0.0-next.0",
 		"@spectrum-css/link": "8.0.0-next.2",
 		"@spectrum-css/tokens": "16.1.0-next.10"